What are your favorite Firefox web-development plugins/add ons? [closed]

Question

up vote 4 down vote favorite

1

Possible Duplicate:
“Must-Have” Firefox Addons?

I've found some browser plugins can be extremely helpful in client side web development. I'm curious about what everybody else uses.

browse the complete firefox web-dev plugin list

OK, we've got some must haves:

ABP: Ad Block Protection. Not a web dev plugin, but I don't see web ads anymore, so everything goes faster.
Firebug: Great for inspecting the dom, editing html and css, debugging, etc. Hugely popular.
Chris Pedrick's web developer toolbar: offers easy access to important features, like viewing cookies, viewing the javascript generated source of a page, disabling javascript or images, etc.

Some others:

javascript library detector. It shows you what libraries were used on the page, which can be great if you're trying to figure out how the page does something. (SO's fancy effects use jQuery 1.3.2)
IE tab. Allows you to use the built in IE rendering engine in FF. I definitely would not use it for any serious page testing, you should use the real IE 6/7/8. But this can give you a quick idea of how a page might look in IE, and sometimes when people report page display bugs in IE I can replicate them instantly from FF.
Codeburner. Extends firebug by allowing you to access reference material on HTML elements and CSS styles right in firebug. Good for beginners.

edited Oct 30 '09 at 14:00

community wiki

4 revs, 3 users 63%
CrazyJugglerDrummer

4

superuser.com/questions/587/… – Paolo Bergantino Jul 18 '09 at 0:42

sigint · Answer 1 · 2009-07-18 00:42:42Z

up vote 4 down vote

Since you mentioned Firebug already, I'll mention YSlow. Google have something equivalent now, but YSlow is older and imho fuller-featured, and is a crack tool to figure out what your site's speed bottlenecks are.

answered Jul 18 '09 at 0:42

community wiki

sigint

Chris Doble · Answer 2 · 2009-07-18 01:12:07Z

up vote 3 down vote

Live HTTP Headers has helped solve obscure problems many, many times. :)

answered Jul 18 '09 at 1:12

community wiki

Chris Doble

mattanja · Answer 3 · 2009-07-18 00:46:47Z

up vote 1 down vote

Quick Locale Switcher - to develop multilanguage sites
Cache Status - quick way to delete cache

answered Jul 18 '09 at 0:46

community wiki

mattanja

+1 For Quick Locale Switcher: Just what I need right now and saves me doing my own Googling! – Adrian Pronk Jul 18 '09 at 1:14

Darko Z · Answer 4 · 2009-07-18 01:03:56Z

up vote 1 down vote

As a front end developer I find Measureit and Colorzilla indispensable.

answered Jul 18 '09 at 1:03

community wiki

Darko Z

Chris Brandsma · Answer 5 · 2009-07-18 02:46:02Z

up vote 1 down vote

Just grab the Firefox Web Developer collection. https://addons.mozilla.org/en-US/firefox/collection/webdeveloper

I'm not saying it has everything, but it is an excellent start.

answered Jul 18 '09 at 2:46

community wiki

Chris Brandsma

2 revs facepalmd · Answer 6 · 2009-07-18 19:06:47Z

HttpFox - Found myself using it way more than Live HTTP Headers of late. It's like Ethereal but for browser headers. It's got highlighted lines in selectable fields, and best of all, it can filter your headers-view in realtime. it really is quite awesome! Can't wait to see what new features are yet to come.