Web Developer Extension
So, carrying on from yesterdays discussion of Firebug, today I’m looking at another Firefox extension that help web developers. The extension is aptly called ‘Web Developer Extension’. The ‘Web Developer Extension’ adds a toolbar to Firefox that adds a hugh range of useful tools to Firefox. The tools are split into 11 sections, these sections are:
- Disable: Allows you to disable various things on the fly, like Javascript, Minimum font size, page colours, etc..
- Cookies: Allow you to manipulate cookies doing things like deleting session cookie, domain cookies, view cookie infomation, etc…
- CSS: The CSS menu lets you disable style, either all or by type, view a stylesheet, view style information, etc..
- Forms: The forms menu lets you display details of a form, show passwords, etc…
- Images: The images menu lets you disable images, show information about images, find broken images, etc…
- Information: The information menu lets you display a huge amount of information about the page. A few of the things you can display are anchors, div order, table information, javascript, response headers, etc…
- Miscellaneous: The miscellaneous menu has several useful tools like the page magnifier, ruler, showing comments and hidden elements, plus more.
- Outline: The outline menu allows you to add an outline to elements on the page so you can identify them easily.
- Resize: The resize menu will resize the browser window to different size for different screen resolutions.
- Tools: The tools menu has a load of tools to allow you to validate the HTML, CSS, etc.. of the page as well as access the DOM Inspector, Java console, etc…
- View Source: The view source menu to view the page source, view the source from different frames, view generated source and view the source in different applications.
The “web developers extension” is available from: http://chrispederick.com/work/webdeveloper/