20 Firefox Add-Ons That Are Useful For Web Developers

Below is a list of the top 20 Firefox add-ons that are useful for web developers.  The add-ons include toolbars, SQL tools, image editors, debuggers, etc.

20. WebRank Toolbar

WebRank Toolbar is a toolbar that shows the Google PageRank, Alexa, Compete.com, and the Quantcast numbers of the website you are looking at.  It also shows how many pages of the website is being indexed on the Google, Bing, and Yahoo! search engine. [Link]

19. Web Developer

The Web Developer Firefox extension has a menu and toolbar that has various web developer tools.  This includes the ability to disable CSS. [Link]

18. Wappalyzer

Wappalyzer shows you what content management system is being used when visiting websites.  For example, when visiting this website it will show WordPress. [Link]

17. View Source Chart

When I first started learning how to design websites, I used the View Source feature on web browsers.  The problem with doing this is that the code is cluttered when viewing the source.  This plugin separates code into compartments based on opening and closing tags. [Link]

16. SQLite Manager

You can manage any SQLite database on your computer using this plugin.  You can browse, search, add, edit, delete, and duplicate records.  You can also export tables, views, and databases in CSV/XML/SQL formats. [Link]

15. Picnik

Picnik adds a menu option and toolbar icon for importing images into Picnik a bit easier.  It also adds a menu option when you right click on images to make editing images on Picnik easier too. [Link]

14. MeasureIt

MeasureIt lets developers and website visitors to draw out a pixel ruler.  [Link]

13. Live HTTP Headers

Live HTTP Headers opens a new tab that is split into four compartments: Headers, Generator, Config, and About.  In the first tab, information about the host, server, and cookies is displayed.  These get automatically updated when moving to new pages.  The generator tool also shows all the redirects, images, and CSS links on a page. [Link]

12. LinkChecker

LinkChecker checks the validity of links on any webpage.  You can also color code certain links.  [Link]

11. IE Tab

IE Tab embeds Internet Explorer into the tabs of Mozilla Firefox.  This way that developers know how their websites will look in Microsoft’s browser without having to open it every time (Not Available For Mac). [Link]

10. HTML Validator

HTML Validator is a Firefox extension that adds HTML validation. The number of errors of the HTML pages you are visiting is seen on the form of an icon in the status bar. [Link]

9. Greasemonkey

Greasemonkey allows you to customize how webpages appear every time you visit them using small bits of JavaScript. [Link]

8. Font Finder

Font Finder is a Mozilla Firefox add-on that is designed to find out the CSS information of any text on the page. It works by highlighting any text on a website, right-click, and choose Font Finder. [Link]

7. FireFTP

FireFTP is a toolbar button that makes the address bar act as an FTP server. [Link]

6. Firebug

Firebug lets you edit, debug, and monitor CSS, JavaScript, and HTML. [Link]

5. Extended Statusbar

The Extended Statusbar add-on adds some information about the website that you are visiting including images loaded, size loaded, download speed, and load time. [Link]

4. Domain Lookup

Domain Lookup lets you search for domain names by highlighting text and right clicking. About 60+ popular domain registrars are already supported. [Link]

3. CSS Usage

CSS Usage is an extension for Firebug that allows you to scan multiple pages of your website to see what CSS rules are being used. [Link]

2. ColorZilla

ColorZilla has an Advanced Eyedropper, ColorPicker, Page Zoomer, and other color utilities [Link]

1. Aardvark

Aardvark lets you select elements on a website and make the content wider for cleaning up pages or for better printing. [Link]

This article was written by Amit Chowdhry. You can follow me at @amitchowdhry or on Google+ at
Leave a Comment