Firefox Web Developer Toolbar: Differences Between Versions 1.0.2 and 1.1.3

February 4, 2007 on 11:06 am | In Web Design |

1.0.2 Web Developer Toolbar

1.1.3 Web Developer Toolbar

If you are a web developer, you are no doubt using the indispensable Firefox Web Developer Toolbar by Chris Pederick. Some of the things this brilliant set of web page analysis tools enables you to do after loading a page are:

View complete styling and structural information about any element on the page
Change the HTML and view the results immediately
Change the internal, external or embedded CSS and see the results immediately
Resize the window to mimic other screen resolutions
Validate your HTML code with the W3C validator

These are the functions we use on a daily basis during our web design exercises. There are about 75 more which we haven’t even got to yet!

Version 1.1.3 is just out. The most noticeable differences between this and the older version (1.0.2):

The CSS or HTML editing panel is horizontal and below the target page. In 1.0.2 it was in a left sidebar, which changed the screen resolution of the target page.
There is a search box for the CSS or HTML the toolbar shows. 1.0.2 did not have this.
You can switch between CSS and HTML windows without closing one of them to see the other. The HTML and CSS windows reside on easily accessible tabs in the editing panel.
When displaying element information, the information is click-locked and persists even if you subsequently scroll the page. 1.0.2 did not have this feature.

1.0.2 was amazing and these features make it even better. My feeling about the new features was,”Jeez, these new thingies are exactly what I needed!”

Apparently Chris has been listening very carefully to user feedback. More power to you, dude!

Learn about our web design offerings