DebugBar插件是一款专为前端开发人员设计的调节工具,与Firefox Firebug、Firefox Web Developer、DOM Inspector、畅游的PageView以及IE WebDeveloper V2等工具相媲美。以下是该软件的主要功能:
DOM剖析:DebugBar能够全面剖析DOM结构,包括图片、样式、脚本等元素。通过拖拽目标元素到网页中,即可在左下方的对话框中查看该元素的源代码、样式等信息,以及其盒子模型。唯一不足之处在于,与Firebug相比,它无法直接修改CSS以调整网页。
HTTP请求分析:DebugBar能够解析全部HTTP请求,并能抓取图片等404错误文档。
JavaScript脚本查询:DebugBar能够整理出JavaScript中的所有函数。
HTML验证:DebugBar还能对HTML进行验证。
IE下的工具条:DebugBar最初是为IE开发的插件。在IE中,它提供了一个工具条。安装后在IE7或IE8中,首先需要开启此工具条,方法为:“工具”-“菜单栏”-“DebugBar”。此时IE页面将多出一个工具条,其中包含截屏和取色等小功能。
安装插件:首先在浏览器中安装DebugBar插件。
剖析DOM:将目标元素拖拽到网页中,即可在左下方的对话框中查看相关信息。
分析HTTP请求:在工具条中找到HTTP请求相关功能,即可查看和分析请求。
查询JavaScript脚本:在工具条中找到JavaScript脚本相关功能,即可查看和分析脚本。
验证HTML:在工具条中找到HTML验证相关功能,即可对HTML进行验证。
使用IE工具条:在IE中开启DebugBar工具条,即可使用其中的各种功能。