页面树结构
转至元数据结尾
转至元数据起始

这是跟踪、修改IE的DOM树结构、CSS分析、性能跟踪工具,主要用于Smartbi出现布局混乱、偏移时的处理。IE8以上自带该插件,IE 6、7需要下载安装,按快捷键为F12。

查找、修改HTML元素

单击 HTML标签页中的 按钮,然后移动鼠标到IE窗口中。在移动过程中IE会不断将鼠标所在位置的 HTML元素以蓝色边框标记,移动到需要查看的元素时点击左键, IE Developer Toolbar会定位到相应的元素中。若在移动过程中IE窗口中始终没有出现蓝色边框,则可能是由于不同步造成的,请点击HTML标签页中的 按钮刷新后重新操作。
查找到HTML元素后,可以在左边的DOM树上双击相应的属性进行编辑或者增加、删除已有属性。

样式和属性的跟踪、修改

在查找到相应的HTML元素后,在右边的面板中样式、跟踪样式可以分析该HTML元素的当前CSS值以及CSS覆盖关系。在属性页面中可以增加、修改或删除该元素的属性。

脚本调试

IE8的Developer Toolbar带有脚本调试功能,但是建议使用Microsoft Office中带的Script Editor或Visual Studio的调试功能。

性能跟踪

IE8的 Developer Toolbar带有性能跟踪功能,可以在需要时进行脚本性能的跟踪。点击"探查器"标签页中的"开始配置文件"按钮,然后在IE窗口中进行操作。当操作完成后点击"停止配置文件",Developer Toolbar会显示刚才的操作过程中IE所花费的脚本时间列表。
其中列表中各个属性的意义:

  • 计数:调用此函数的次数
  • 包含时间: 此函数及其子函数 所花费的时间
  • 排除时间:此函数所花费的时间
  • 无标签