技术开发 频道

IE8"开发人员工具"使用详解:各级菜单详解

  【查看】菜单


IE8开发人员工具【查看】菜单

  【类和ID信息】

  快捷键是Ctrl+I,奇偶开关。打开以后,你就会看到页面上布满了密密麻麻的红色色块。同时会显示出class名称或者ID名称。是的,这个就是查看类和ID信息的效果了。不过说实话,谁会对这一坨坨红色的大便感兴趣?不仅把页面搞的看上去像个缝满补丁的乞丐服,而且完全看不清楚-_-b...



  【链接路径】

  和上面一样。它会把页面中的所有超链接都会一坨坨的红色框出来,并且显示其链接地址。



  【链接报告】

  使用链接报告功能,开发人员工具会帮你生成一份此页面的链接报表。包含链接数量、链接地址、是否新窗口打开等信息。不过,具体这玩意有什么用。我也不知道。



  【选项卡索引】
  高亮显示出所有包含tabindex属性的元素。tabindex属性的设置,可以改变网页元素获得焦点的顺序。

  【访问键】
  高亮显示所有包含“accesskey属性”的元素。设置accesskey属性,可以设定元素获得焦点的快捷键。

 

  【源文件】之“带有样式的元素源”
  生成一份包含选中元素样式、HTML代码,网页级别信息的源文件。

  必须先选中一个元素,此命令才有效。而且生成的源文件也只与选中元素有关。

  【源文件】之“DOM(元素)”
  快捷键是Ctrl+T。生成一份源文件。此源文件只包含选中元素的DOM结构信息。用过FireBug的朋友,可以联想到“拷贝元素HTML代码”这个命令。其实这个和那个差不多。只是这个是生成到一个窗口,而FireBug直接复制到剪贴板而已。

  【源文件】之“DOM(页面)”
  快捷键Ctrl+G。生成一份源文件。此源文件包含整个页面的DOM信息结构。非常操蛋的功能,不知道是不是因为bug的原因,此功能其实就是“查看网页源码”。因为,生成的源码并不仅仅是DOM信息,也包含CSS和脚本信息等。

  【源文件】之“原始状态”
  极其操蛋的功能,其实就是“查看网页源码”。大家应该都比较喜欢用鼠标右键直接在网页上点吧。

0
相关文章