Recommendations for browser add-on tools to help with development [closed]

Question

Can anyone suggest some good browser add-on tools/extensions to help with development? I have firebug installed in Firefox which is great for dealing with CSS, HTML and javascript; any other suggestions?

Firebug

Answer 1

For Firefox:

Firebug is awesome for investigation and development.

Web Developer Toolbar is good also. Really helps with CSS and page layout stuff as well as much more.

I also use Live HTTP Headers (I think it is called, but it is on my work machine, so can't find the link now). Which has helped us out with caching issues and the like.

I do a lot of mobile phone development, so I also use UserAgent Switcher. Very helpful for pretending to be different mobile phones.

I tend to only use Firefox for development, and just test in other browsers as most do not have the extensive range of plugins to aid development that Firefox does.

Answer 2

Firefox:

• Inspect This if you use the DOM Inspector at all
• Measure It for telling you pixel distances (if you need that)
• IE View or Safari View for ease of testing in other browsers
• HTML Validator if you care about validation
• Console² to improve your js error console
• The Javascript Shell bookmarklet is also handy (and look at the others there as well)

Edit: This is in addition to the Web Development Toolbar mentioned by others

Answer 3

The other must-have for Firefox is Chris Pederick's Web Developer Toolbar.