Front-end debugging tool debugba

Transferred from: Terminal

There are many front-end debugging tools, such as Firefox firebug, Firefox Web Developer, Dom inspector, roaming pageview, ie webdeveloper V2, and development tools that come with IE8. Here I recommend another debugbar;

Everyone must know ietester (click to view ietester information). Everyone uses ietester to test the page compatibility of each IE version. In fact, the new version of ietester (click to download the latest version of ietester v0.3.2) there is also a powerful page debugging plug-in: debugbar. The following describes the functions:

1. DOM:

Debugbar can analyze all the Dom, including images, styles, scripts, etc,

We can drag the target tool () to the page to find the target element,

Then you can see the source code and style in the window in the lower left corner.CodeAnd the box model of the element. The only drawback is that you cannot directly modify CSS and adjust the page like firebug.

 

2. http request

Debugbar can analyze all HTTP requests and capture images and other 404 error files;

Reprinted please indicate the source: http://www.css88.com

3. View JS scripts

Debugbar can also list all functions in Js,

Reprinted please indicate the source: http://www.css88.com

5.html Verification:

Debugbar can also verify HTML,

Reprinted please indicate the source: http://www.css88.com

6. debugbar plug-in IE

Debugbar is a plug-in developed for IE. in IE, debugbar has multiple toolbar. After installation, you must first open this toolbar in IE7 or IE8, "View"-"toolbar"-"debugbar ";

In IE, there is an additional tool bar, and there is a small color function;

I couldn't find one after a long time, so I had to ask my friend for one and download debugba v5.2.2.