style-editor

Top 10 Firefox add-ons for web developers

Mozilla Firefox has some cool developer tools (Style Editor, Scratchpad, Debugger, Responsive Design View, Inspect(3D view) and more) by default, but you can further extend them with some of the great add-ons/extensions listed here.

1. Firebug

Firebug has lot of useful features (edit, debug, monitor your code in live mode) that makes web development much easier. It’s a must have add-on for web developers.

Download Firebug

2. Rainbow Color Tools

it provides a bunch of color tools for web development – easy to use color picker, color library, inspector, analyzer(to analyze the color scheme of a website)etc.

Download Rainbow Color Tools

3. Wappalyzer

It tells you about the softwares(libraries, frameworks, server etc) used by a website.

Download Wappalyzer

4. ShowIP

It shows the IP address of the website, in status bar; additionally, you can also query whois, hostname, netcraft etc.

Download ShowIP

5. fontinfo

It’s good for exploring the fonts used on a website (with the font panel or show fonts section in right click menu)

Download fontinfo

6. Web Developer

add some cool web development tools.

Download Web Developer

7. User Agent Switcher

Using this extension, you can easily switch the user agent of the browser.

Download User Agent Switcher

8. Greasmonkey

To customize the web page (how it behaves or displays content), using small bits of javascript.

Download Greasmonkey

9. Modify Headers

To modify the http request headers sent to servers.

Download Modify Headers

10. FireFTP

It’s a cross-platform FTP/SFTP client for Mozilla Firefox.

Download FireFTP