debugbar插件(web前端調試利器)

debugbar插件旨在帶來最方便的前段調試服務，讓你在編程的時候能夠進行html驗證，以及各類插件輔助服務，讓你完成各類便捷的一鍵調試功能！

官方介紹

是一款前端調試工具，類似的工具有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開發的插件，在IE下DebugBar多了個工具條，安裝后在ie7或者ie8下首先要打開這個工具條，"查看"-"工具欄"-"DebugBar";

在IE下的界面就是多了個工具條，還有截圖和取色小功能;