debugbar plugin

debugbar pluginIt is a front-end debugging tool. Similar tools include FireFox firebug, FireFox Web Developer, DOM Inspector, Aoyou's PageView, IE WebDeveloper V2, etc.

Function introduction

　　1.DOM:

DebugBar can analyze all DOM, including pictures, styles, scripts, etc.

We can find the required target element by dragging the target tool to the page.

Then you can see the source code, style and other codes in the lower left corner, as well as the box model of the element; the only shortcoming is that you cannot directly modify the css and adjust the page like firebug.

　 2.http request

DebugBar can analyze all http requests and capture some 404 error files such as pictures;

　　3. View JS script

DebugBar can also list all functions in js.

　 5.html verification:

DebugBar can also verify html,

　 6. DebugBar plug-in under IE

DebugBar is originally a plug-in developed for IE. DebugBar has an additional toolbar under IE. After installation, you must first open this toolbar under IE7 or IE8, "View"-"Toolbar"-"DebugBar";

The interface under IE just has an additional toolbar, as well as screenshots and color picking functions;