前端调试利器DebugBar

前端调试工具有很多，比如FireFox firebug, FireFox Web Developer, DOM Inspector,遨游的PageView，IE WebDeveloper V2，还有IE8自带的开发工具 等等，这里我再推荐一个DebugBar；

大家肯定都知道ieTester(点击查看ieTester相关信息 ),大家都用ieTester来测试各个IE版本的页面兼容性，其实新版的ieTester (点击下载目前最新版的ieTester v0.3.2 ）还有一个很强大的页面调试插件：DebugBar。下面来介绍一下功能：

1.DOM：

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

我们可以通过拖动目标工具（ ）到页面中寻找需要的目标元素，如图

 

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

 

2.http请求

DebugBar可以分析出所有http请求，还能抓出图片等一些404错误文件；

 转载请注明出处：http://www.css88.com

3.查看JS脚本

DebugBar还能将js中的函数都列出来，

  转载请注明出处：http://www.css88.com

5.html验证：

DebugBar还能验证html，

  转载请注明出处：http://www.css88.com

6.IE下的DebugBar插件

DebugBar本来就是为ie开发的插件，在IE下DebugBar多了个工具条，安装后在ie7或者ie8下首先要打开这个工具条，“查看”-“工具栏”-“DebugBar”；

在IE下的界面就是多了个工具条，还有截图和取色小功能；

找了半天没找到下载地址，只好问朋友要了一个，下载DebugBa v5.2.2

 

原文：http://www.css88.com/archives/785#more-785