{IE工业工程}IE开发者人员工具使用说明.pdfVIP

IE开发者工具使用说明

如何打开IE开发者工具？

1：在IE浏览器直接按“F12”；

2：在IE浏览器菜单栏“工具”中选择“F12开发人员工具”

现在我们根据菜单的顺序一一来介绍它吧

2020/9/271

IE开发者工具使用说明

“文件”菜单

全部撤销：

撤销所有在开发人员工具中所做的操作，并且会重新刷新DOM树

2020/9/272

IE开发者工具使用说明

“文件”菜单

自定义IE查看源文件：

选择查看源文件的方式，可以用默认，记事本，及其它的文本编辑器

2020/9/273

IE开发者工具使用说明

“查找”菜单

单击选择元素：

选中后，用鼠标点击页面元素时，即可选中该元素，并且会列出该元素的DOM结果、CSS样式信息

2020/9/274

IE开发者工具使用说明

“HTML”选项卡左边区域显示了该元素的DOM信息（父级、子级、兄弟元素）、CSS信息、控制台、脚本、

探测器、网络

“样式”视图显示了该元素的样式信息，标有横线的表示优先级不够高，不再起作用，样式前面的复选框，

去除选中时将会删除该元素的此样式，每个样式的属性值都可以直接修改且能立即看到效果

2020/9/275

IE开发者工具使用说明

“HTML”下“样式”视图和“跟踪样式”视图作用是一样的，只是显示方式不同

2020/9/276

IE开发者工具使用说明

“HTML”下“布局”视图显示选中元素盒子模型信息

“盒子模型”可参考/view/2758739.htm

2020/9/277

IE开发者工具使用说明

“HTML”下“属性”视图显示选中元素的属性信息，并且可以增加、编辑、删除操作，且能立即看到效果

2020/9/278

IE开发者工具使用说明

“CSS”选项卡中列出了该页面引用的所有CSS文件，包括直接写在页面的CSS样式，选择不同的样式文件，

下面会列出该CSS文件的完整样式信息

2020/9/2