The web developer toolbar is a must have tool if you have a web page, blog or simply you want to see what's behind a web page, it's an extension for firefox and you can see the layout of web developer tools in the picture above.

Menu disable

On this menu you will be able to disable cache, java, page colours, referrers, between others. Disabling cache is very useful when you are working on your web page and you want to see the newest version, how many times it happens to you pressing F5 to refresh and see the same content after you change it, now you can solve this. Another powerful tool is referrers, it cleans your private data every time you close firefox.

Menu cookies

This menu as options related with cookies, as disable all cookies or external site cookies, delete domain cookies and more. Don't forget that disabling all cookies aren't recommended, in some sites you have to enable it to have a great user experience.

CSS

The CSS menu provides the experience to change all options related to your website, you can disable styles, you can add your own style sheet in add user style sheet, edit CSS and more. When you start using web developer tool, edit CSS option will certainly provide you a precious saving time by showing all the change you make in the web page, you can try another type of background or a different color on your header, when you choose it will became into original again.

Forms

An interesting tool on this menu is the Display form detail, that when it's selected it shows all the input code, the text area and all related to forms, before you see it in the website, another useful feature is show password, how many times you saved a password for a future login and you forget it with web developer tools you can transform the ******* into a password written, this menu have also a bunch of option to manipulate forms.

Images

The first option is disable images, with that you can provide a fast access to the website usually used for persons with dial up connections, or if you want to read the tag alt of all images, you can find  broken images, and many more.

Information

On menu information you can choose Display Id & Cass Details and see important structure details about your web page also on this menu, display access keys, color information, or meta tags information, take your time and explore it conveniently it could reveals a huge time saver, another feature with great potential is display element information, with this you can click wherever you want and obtain all that tag information, great tool for checking out concurrently websites for example.

Miscellaneous

If you have a structured website and you need to see if a mail form or a images fits on your site, this menu as the Display ruler tool that lets measure anything in pixels. Here you can edit html and see the difference right away.

Outline

With this menu tools you can do just  that outline, it's useful when ou want to find frames, headings, table cells, tables, block elements, external links, and even custom elements.

Resize

Useful tools for testing different resolutions for your website, with a simple click, or choose a custom size.

Tools

Here you can validate your html, css, feed, it as also a DOM inspector.

Options

Here you can customize the web developer tools.

With this I hope you can find this toolbar useful for your daily navigation, and web developing.

If you don't have it, you can download it here.