debugbar插件(web前端調(diào)試?yán)?

debugbar插件旨在帶來(lái)最方便的前段調(diào)試服務(wù)，讓你在編程的時(shí)候能夠進(jìn)行html驗(yàn)證，以及各類插件輔助服務(wù)，讓你完成各類便捷的一鍵調(diào)試功能！

官方介紹

是一款前端調(diào)試工具，類似的工具有firefox firebug, FireFox Web Developer, DOM Inspector,遨游的PageView，IE WebDeveloper V2等。

功能介紹

1.DOM：

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

我們可以通過(guò)拖動(dòng)目標(biāo)工具到頁(yè)面中尋找需要的目標(biāo)元素，

然后就可以在左下角的窗口中看到，源碼，樣式等代碼，還有該元素的盒子模型;唯一一點(diǎn)不足是不能像firebug一樣直接修改css，調(diào)整頁(yè)面。

2.http請(qǐng)求

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

3.查看JS腳本

DebugBar還能將js中的函數(shù)都列出來(lái)，

5.html驗(yàn)證：

DebugBar還能驗(yàn)證html，

6.IE下的DebugBar插件

DebugBar本來(lái)就是為ie開(kāi)發(fā)的插件，在IE下DebugBar多了個(gè)工具條，安裝后在ie7或者ie8下首先要打開(kāi)這個(gè)工具條，"查看"-"工具欄"-"DebugBar";

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