There are lots of firefox addons for web development; here are the best firefox addons for web development I use on a daily basis.

firebug
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page

ySlow
YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.

google pagespeed
Page Speed is an open-source project started at Google to help developers optimize their web pages by applying web performance best practices. Page Speed started as an open-source Firefox/Firebug add-on and is now deployed in third-party products

total validator
Perform multiple validations and take screen shots in one go. This 4-in-1 validator works with external, internal, or local web pages using a local copy of the desktop tool obtained from
totalvalidator.com
flagfox
Displays a country flag depicting the location of the current website’s server and provides a multitude of tools such as site safety checks, whois, translation, similar sites, validation, URL shortening, and more…

live http headers
View HTTP headers of a page and while browsing.

screengrab
t will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard. It captures Flash too!

useragent switcher
adds a menu and a toolbar button to switch the user agent of firefox

the list is a very small selection of the web development addons available, but it contains the addons that I use every day. if there are any others that you can suggest, please comment and ill try them out =)


5 Comments

Imo · February 24, 2011 at 11:03 am

Thanks for the list. One other tool I use all the time is ShowIP. It just shows the IP of the site you’re connected to at the bottom of the page.

Useful if you’re moving/testing sites between different servers or build to live environment. Especially if you’ve updated your hosts/resolve.conf file for testing.

jonathan · February 24, 2011 at 10:04 pm

yeah, one of the developers at work uses that too =) its pretty decent

ive also subscribed to your feed cos i like the content on your site =)

Imo · February 25, 2011 at 11:59 am

Thanks Jonathan and thanks for your comments on mysql and concat. Very useful!

Sylvain · May 13, 2011 at 2:19 am

Just to let you know that Live HTTP Headers compatible with Firefox 4 is available now:

http://techblog.xsoli.com/2011/05/live-http-headers-for-firefox-4-is-here/

Leon Victor · September 6, 2012 at 1:08 pm

I use shooter for taking screenshots, you can also select specific regions of the web-page to copy/save. http://addons.mozilla.org/en-us/firefox/addon/shooter/