Web development tools are widely used. If you want to facilitate development, take a look at the 15 Web development tools described in this article based on Browser Extensions.
1. firebug
Firebug is a Firefox-based browser extension component that integrates CSS and document object models (DOM
And JavaScript debugging technology. In addition, firebug focuses on JavaScript debugging. If you focus on JavaScript debugging,
So it is your good choice.
For example, you can easily use alert () for breakpoint debugging to accurately locate syntax errors. In addition, it can help you use DOM technology to accurately test Ajax.Code.
2. Web Developer
Web develop is an extension plug-in based on Firefox and SeaMonkey browsers. Its biggest feature is that CSS options can be generated on the menu bar to help you view the CSS file content of the webpage, easy to save and modify the list. It is a good CSS development tool.
3. yslow
Yslow is a Firefox extension developed by Yahoo and can be integrated with firebug. This plug-in can help you optimize the web page, thus improving the loading speed of the web page. Analyze JS scripts, CSS, and image quality on the webpage one by one to locate the bottleneck and help you optimize it.
4. Internet Explorer Web Developer Toolbar
As the name suggests, it is an IE extension tool developed by Microsoft. Its functions are similar to those of firebug. The biggest highlight of this tool is that it can test the display effect of the current webpage based on different iesettings, this allows developers to easily adjust the page display effect in various ie setting environments.
5. fiddler web Debugger
Fiddler is an IE extension. Its biggest feature is web page display performance analysis and security analysis.
6. debugbar
Debugbar is an ie-based extension. The biggest feature of debugbar is that it can automatically send the current webpage to the specified mailbox by email, it integrates the color extract and DCOM JavaScript code analysis functions.
7. httpwatch
An extension plug-in based on IE and Firefox, focusing on HTTPS and XML analysis and development.
The following sections will not be described one by one. The functions are similar. You can go to the official website to learn more details and find one suitable for your use:
8. Live HTTP headers
9. Web Accessibility Toolbar
10. fangs
11. Venkman JavaScript Debugger
12. colorzilla
13. fireshot
14. Web Inspector
15. fireftp