http://www.down80.com:debugbar插件(web前端调试利器)

首页 >> 09编程开发>> 网页设计>>debugbar插件(web前端调试利器)

debugbar插件(web前端调试利器)

下载地址

debugbar插件 旨在带来最方便的前段调试服务，让你在编程的时候能够进行html验证，以及各类插件辅助服务，让你完成各类便捷的一键调试功能！

是一款前端调试工具，类似的工具有 firefox firebug, firefox web developer, dom inspector,遨游的pageview，ie webdeveloper v2等。

debugbar

1.dom：

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

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

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

2.http请求

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

3.查看js脚本

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

5.html验证：

debugbar还能验证html，

6.ie下的debugbar插件

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

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