Web Developer Extension 1.0

Web Developer Extension 1.0 for Firefox, Flock, and Mozilla has been released. There are many new features and bug fixes, so upgrading is highly recommended.

The Web Developer Extension is a definite must have for any web professional, so if for some reason you don’t already have it, download it now.

For more info and comments, visit Chris Pederick’s blog post Web Developer 1.0.

Posted on January 3, 2006 in Browsers, Productivity, Quicklinks


  1. Had a quick look at the latest features, and might download it one of these days. Not sure if I’ll use it much though, since I don’t use Moz/Firefox for debugging (or anything else) - just for rendering/usability checking.

    Good tools are definitely a must, but I guess I’m just one of those old fools who prefer to read and work directly on code-level, without assistance :-) Most tools don’t go deep enough for my liking.

  2. I would highly recommend this extension because it has so many features that are unbelievably useful and goes REALLY DEEP into what makes up your page. I love the new features they added. I never would have thought you could design webpages with these kind of tools to help you out, especially coming from your browser.

    Outlining all the elements to visualize display problems is always a handy element. Don’t forget viewing the style information to see all the styles in your CSS that are being applied to a specific element. Install the DOM Inspector with Firefox to get even deeper features.

  3. January 3, 2006 by Miguel Senquiz

    It crashed my firefox in OSX.

    Great tool though when it works.

  4. January 3, 2006 by Miguel Senquiz

    Ignore my last comment, had to upgrade firefox to 1.5

    This extension is essential. I haven’t had a chance to go through everything, but the HTML edit in itself is amazing. Great job Chris.

  5. January 3, 2006 by Bethany

    I’m impressed!

    I love the new color information, ruler, and guide tools. They should be pretty useful.

  6. I’ve been using previous versions of the toolbar for a while now, and it’s indispensable!

    My only complaint about the 1.0 version is that the “View Source” button has been replaced with a menu :( It used to be so easy to quickly click the button and open the source in a new tab.

  7. Hopefully, Chris will settle on the menu organization… I’m all for new features, but with how often I use this extension when at work I come to rely on the location and number of clicks it takes to invoke a certain command…

  8. Obviously Chris has been busy. Line guides and the ruler are really handy for layout. Too many other things to get into here, plus I need to evaluate it a little longer. Thanks for the heads-up Roger.

  9. January 4, 2006 by Matthijs

    Watch out with upgrading the extension for Mozilla. Firefox was a breeze, but it has totally messed up my Moz installation.

  10. It crashed my FF (Win) too. Reinstalling, creating a new profile and adding my extentions from scratch fixed it though.

    The extension looks much more organized.

  11. I have to say that I find myself using this extension more and more. Not to mention, its kind of fun to go to major websites and start turning things off .. just to see if they really covered their ( usability ) basics.

    Makes me feel better for putting forth an hoest effort, especially when their pages start to look worse than mine :)

  12. I haven’t even restarted FF (1.0.7) to see if there are problems; but given Chris’s own strong advice to uninstall any previous version first, as well as other mentions of crashes here, highlights a flaw in the extensions subsystem for FF: if there are specific instructions for optimal installation of an extension, that should be communicated through the subsystem itself prior to installation of the upgrade.

    I realize it’s off-topic, but tangential and potentially useful. I also realize that this might be an improvement realized in FF 1.5, and, so, I might be spouting out me arse.

  13. Oh. My. God. Chris has outdone himself. I have been playing around with the update for a few minutes and stumbled across the Holy Grail: Edit HTML. Just like Edit CSS you can now edit HTML live. Absolutely brilliant.

    Other new features that I’m fond of:
    Display Table Depth - now you can scare people with how deeply nested tables can get!
    Display Line Guides and Display Rule - now checking alignment is so much easier.
    View JavaScript - a simple addition, but it saves having to wade through the source.
    Zoom In and Zoom Out - does what it says, even on images, Opera-style.
    View Document Size - Just what does your page weigh?

    Very, very cool.

    I wonder how Microsoft’s team of interns are coming along with the IE web developer toolbar ;)

  14. I really like the new ‘display generated source’ feature.

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.