功能介紹
1.DOM:
DebugBar可以分析出所有的DOM,包括圖片,樣式,腳本等等,
我們可以通過拖動(dòng)目標(biāo)工具到頁面中尋找需要的目標(biāo)元素,
然后就可以在左下角的窗口中看到,源碼,樣式等代碼,還有該元素的盒子模型;唯一一點(diǎn)不足是不能像firebug一樣直接修改css,調(diào)整頁面。
2.http請求
DebugBar可以分析出所有http請求,還能抓出圖片等一些404錯(cuò)誤文件;
3.查看JS腳本
DebugBar還能將js中的函數(shù)都列出來,
5.html驗(yàn)證:
DebugBar還能驗(yàn)證html,
6.IE下的DebugBar插件
DebugBar本來就是為ie開發(fā)的插件,在IE下DebugBar多了個(gè)工具條,安裝后在ie7或者ie8下首先要打開這個(gè)工具條,“查看”-“工具欄”-“DebugBar”;
在IE下的界面就是多了個(gè)工具條,還有截圖和取色小功能;