debugbar插件(web前端（duān）調試利（lì）器)

debugbar插（chā）件（jiàn）旨（zhǐ）在帶來最方便的（de）前段調（diào）試服務（wù），讓你在編程的時候能夠進行html驗證，以（yǐ）及各類（lèi）插件輔（fǔ）助服務，讓你完成各類（lèi）便捷（jié）的一鍵調試功能！

官方介紹

是一款（kuǎn）前端調試工具，類似的工（gōng）具有（yǒu）firefox firebug, FireFox Web Developer, DOM Inspector,遨遊的PageView，IE WebDeveloper V2等。

功能介（jiè）紹

1.DOM：

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

我們可以通過（guò）拖動目標工具（jù）到頁麵中尋找需要（yào）的目（mù）標（biāo）元素，

然（rán）後（hòu）就可以在左下角的窗口中看到，源碼，樣（yàng）式等（děng）代碼（mǎ），還（hái）有該元素（sù）的盒子模型（xíng）;唯（wéi）一一點不足（zú）是（shì）不能像firebug一樣直接修改css，調整頁麵。

2.http請求

DebugBar可以分析出所有（yǒu）http請求，還能抓出圖片等一些404錯誤文件;

3.查（chá）看JS腳本

DebugBar還能將js中的函數都列（liè）出來，

5.html驗證：

DebugBar還能驗證html，

6.IE下的DebugBar插件

DebugBar本來就是為ie開發的插件，在（zài）IE下DebugBar多了（le）個工具條，安裝後在ie7或者ie8下首先要打開這個（gè）工具條，"查看"-"工具欄"-"DebugBar";

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