Must-have Firefox plugin for web developers

Duncan Bayne's picture
Submitted by Duncan Bayne on Wed, 2006-08-30 05:42.

If you develop websites or web applications, then you need Chris Pederick's Web Developer Extension. Once installed, you can do such fantastic things as highlighting logical blocks within the HTML, enabling and disabling features like CSS and JavaScript, pulling up information about individual tags and blocks ... it really is a must-have for web developers.

Web Developer Extension screenshot
SOLOPassion, with block highlighting and info enabled

[Hat tip to Joel Spolsky for bringing this to my attention]

‹ Anyone here use an old-school Palm Pilot (or Handspring Visor)? Archy - the way of the future? ›

( categories: )

Ditto.

Julian Pistorius's picture
Submitted by Julian Pistorius on Wed, 2006-08-30 20:11.

Ditto. Web Developer is a great extension. Another one that I use when I have to try and debug odd behaviour, is LiveHTTPHeaders. From the website:

The goal of this project is to adds information about the HTTP headers in two ways:

  • First by adding a 'Headers' tab in 'View Page Info' of a web page.
  • Second by adding a tool in the 'Tools->Web Development' menu to be able to display http headers in real time (while pages are being downloaded from the Internet.
  • Third by letting you edit request headers and replay an URL (beta). Look for the Replay button in the live window!

This project may be of some help for the following:

  • Help debugging web application.
  • See which kind of web server the remote site is using.
  • See the cookies sent by remote site.


Good call, Dunc.

Ross Elliot's picture
Submitted by Ross Elliot on Wed, 2006-08-30 06:31.

Good call, Dunc.

This is essential for any developer/programmer and quite frankly, I couldn't do my job without it, or it would be a bitch. There's enormous power and flexibility embedded within the many menu items.

Just another reason to use Firefox. The extensibility is limitless.

ColorZilla & IE Tab are pretty handy gadgets as well.


Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.