debugbar插件是一个前端调试工具。类似的工具还有FireFoxfirebug、FireFoxWebDeveloperDOMInspector、PageView、IEWebDeveloperV2等。

debugbar插件是一个前端调试工具。类似的工具还有FireFox firebug、FireFox Web Developer、DOM Inspector、傲游的PageView、IE WebDeveloper V2等。

特征

1.DOM：

DebugBar可以分析所有的DOM，包括图片、样式、脚本等。

我们通过将目标工具拖拽到页面中就可以找到需要的目标元素。

然后左下角就可以看到源码、样式等代码，还有元素的盒模型；唯一的缺点是不能像firebug一样直接修改css和调整页面。

　2.http请求

DebugBar可以分析所有http请求，捕获一些图片等404错误文件；

3.查看JS脚本

DebugBar还可以列出js中的所有函数。

　5.html验证：

DebugBar还可以验证html，

　6.IE下的DebugBar插件

DebugBar最初是一个为IE开发的插件。 DebugBar 在IE 下有一个附加的工具栏。安装后，首先要在IE7或IE8下打开这个工具栏，“查看”-“工具栏”-“调试栏”；

IE下的界面只是多了一个工具栏，还有截图和取色功能；