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

debugbar插件旨在帶來最方便的（de）前段調試服務，讓你在編程的時候能夠進（jìn）行（háng）html驗證（zhèng），以（yǐ）及各類插件輔助服務，讓你完成各類便捷的一鍵調試功能！

官（guān）方介紹

是（shì）一（yī）款前端調試工具，類似的工具有firefox firebug, FireFox Web Developer, DOM Inspector,遨（áo）遊的PageView，IE WebDeveloper V2等（děng）。

功能介紹

1.DOM：

DebugBar可以分析出所有的DOM，包括圖（tú）片，樣式，腳本等等，

我們可（kě）以通過拖動目標工具到頁麵中尋找需要的目標元素，

然後（hòu）就可以在左下角的窗口（kǒu）中看（kàn）到，源碼，樣式等代碼，還有該元素的盒子模型（xíng）;唯一一點不足是不（bú）能像firebug一樣直接修改css，調整頁麵。

2.http請求（qiú）

DebugBar可以分析出所有http請（qǐng）求，還能抓出圖片等一些404錯（cuò）誤文件;

3.查看（kàn）JS腳本

DebugBar還能將（jiāng）js中的函數都列出來（lái），

5.html驗證：

DebugBar還能驗證html，

6.IE下的（de）DebugBar插件（jiàn）

DebugBar本來就是為ie開（kāi）發的插件，在IE下DebugBar多了（le）個工具條，安裝後在ie7或者ie8下首（shǒu）先要打開這個工具條（tiáo），"查看"-"工具欄"-"DebugBar";

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