20 Useful Firefox Add-ons for Web Developers

Most of the web developers use Firefox browser for their development work as it has tons of useful extensions to help in productivity, performance and perfection.

Here are some of the useful and commonly used extensions:

1. Firebug
This is an essential add-on every developer should have. Firebug allows to inspect HTML and modify the style and layout in real-time. It has Javascript debugger and analyze network usage and performance.

2. Yslow for Firebug
YSlow analyzes web pages and suggests to improve the performance. It is integrated with Firebug.

3. Webdeveloper
This extension adds a menu and toolbar to the browser and it will contain various developer tools.

4. Measureit
It allows you to measure the pixel width and height of the page elements easily with the cursor.

5. Greasemonkey
It allows you to customize the way webpages look and function using small bits of Javascript. Hundreds of useful scripts already available for free and you can write your own.

6. Browser Window Resizer
Quickly resize your browser to test different screen sizes. Supports 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.

7. CSS Validator
Validates a page using the W3C CSS Validator.

8. HTML Validator
It will validate the HTML sent by server or the HTML in memory (AJAX execution).

9. Total Validator
Provides one-click validation of your webpages. It works with external, internal, or local web pages.

10. Firefox Accessibility Extension
It Supports web developers in testing the site for accessibility features.

11. ColorZilla
You can get a color reading from any point in your browser. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes.

12. FireShot
It creates screenshots of a webpage entirely or selection of area. This plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations.

13. Screen grab
Another tool for screenshots to capture what you can see in the window, the entire page, just a selection, a particular frame.

14. Live HTTP headers
It allows you to view HTTP headers of a page while browsing.

15. Modify Headers
Allows you to add or modify the HTTP request headers. Useful for device specific testing.

16. Tamper Data
It allows you to view and modify HTTP/HTTPS headers and post parameters.

17. Fire FTP
Use FTP right from inside of Firefox without having to start up another program. It has cool features like search, drag & drop, syncing directories and more.

18. LinkChecker
It will check the validity of the links in a web page and reports broken links with color code.

19. Aardvark
Selector utility for selecting elements and doing various actions on them. It can be used for cleaning up a page prior to printing it (by removing and isolating elements), for making the page more readable, and (most appreciated by web developers), for analyzing the structure of a page.

20. IE Tab
It allows you to IE display right inside of Firefox.