IE开发者人员工具使用说明.pptxVIP

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