Some commonly used debugging tools for WEB front-end development

IE:

1. js debugging and validation tool - CompanionJS

After installation, it can display error information of JavaScript on the webpage. Through the prompt information, you can quickly locate the position of the JavaScript bug, which can improve the efficiency of JavaScript debugging.

2. httpWatch

It can monitor all interaction information of a URL's request to the server, clearly showing the process of a web page opening, as well as the time used by each web element.

3. IE Developer Toolbar

It allows for a clear view of the code structure of a web page. You can quickly understand the DOM structure of the page, making it convenient for debugging in page design.

Firefox:

1. FireBug

This tool integrates the functions of the above 3 IE tools, making it very convenient to use.