20 Firefox Add-Ons That Are Useful For Web Developers
Amit Chowdhry | Thursday April 22, 2010 | 1,858 views| Add a CommentBelow 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]
Popular
