15 Web development tools based on browser extension

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.