Features of the Web Developer Toolbar for Firefox

You can download and install the Web Developer Toolbar plugin here:
https://addons.mozilla.org/en-US/firefox/addon/60

The Web Develoepr Toolbar will appear under the row of Links in your Firefox browser interface. If for some reason it does not appear, you can reveal it by selecting View > Toolbars > Web Developer Toolbar.
Web Developer Toolbar

Below are details on the some of the most helpful menus of the toolbar:

CSS

Since people can and do set their browsers to ignore style sheets, you should make sure your page is comprehensible without them. Select CSS > Disable Styles > All Styles to view your page without the style sheet. Reload the page to restore normal view.
Toolbar CSS menu

Images

Images menu Images menu

Information

Resize menuResize

The Resize tool lets you see how your page will look on higher and lower screen resolutions. The most common screen resolutions are 800 X 600 and 1024 X 768, so it is good to test both. (e.g. select Resize > 800 X 600). You can add more options by selecting Edit Resize Dimensions. . .

Tools

Tools
California State University, Northridge at 18111 Nordhoff Street, Northridge, CA 91330 / Phone: 818-677-2285 / © 2012 CSU Northridge
Last Updated: 04-Jun-2010