IE开发者人员工具使用说明(精品·公开课件).pptVIP

开发人员工具就是为前端开发人员开发页面而设计的工具。 提供一系列的小工具，让你可以方便的查找、调试页面的BUG，包括HTML代码、CSS代码和JavaScript代码。 同时，他也提供了一些虽然比较鸡肋，但是还能咂咂味的小工具，例如取色、屏幕尺子等。 2018-11-5 1 IE开发者工具使用说明 2018-11-5 2 如何打开 IE开发者工具？ 1：在IE浏览器直接按 “F12”； 2：在IE浏览器菜单栏“工具”中选择“F12开发人员工具”。 IE开发者工具使用说明 现在我们根据菜单的顺序一一来介绍它吧。 2018-11-5 3 “文件”菜单 IE开发者工具使用说明 全部撤销： 撤销所有在开发人员工具中所做的操作，并且会重新刷新DOM树 2018-11-5 4 “文件”菜单 IE开发者工具使用说明 自定义IE查看源文件： 选择查看源文件的方式，可以用默认，记事本，及其它的文本编辑器 2018-11-5 5 “查找”菜单 IE开发者工具使用说明 单击选择元素： 选中后，用鼠标点击页面元素时，即可选中该元素，并且会列出该元素的DOM结果、CSS样式信息 2018-11-5 6 IE开发者工具使用说明 “HTML”选项卡左边区域显示了该元素的DOM信息（父级、子级、兄弟元素）、CSS信息、控制台、脚本、探测器、网络 “样式”视图显示了该元素的样式信息，标有横线的表示优先级不够高，不再