Web Developer ToolBar for Firefox
Thursday, July 5th, 2007From the web developer Home page:
” The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock, Mozilla and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.”
This tool is amazing. It makes programming for the web MUCH easier, and MUCH more hassle free. Basically it provides so many tools that once you discover them, you will use them all the time.
Some key features that I like:
- Edit CSS
- Allows you to see and edit all the CSS that is used on the current page, you can copy it and update your site CSS file from the code you updated and created
- View form information
- Shows you all the parameters that are defined in the code for your form elements
- Shows your hidden form fields
- View Passwords
- Shows the text that is hidden by the asterisks in password fields
- Populate form fields
- Will fill form fields with random data
- View Image Information
- Opens a new tab with all the images from your page on it, with path information
- Find broken images
- Opens a new tab with a listing of the broken images from your page
- Display Ruler
- Shows a ruler, for you to highlight a selection of the page
- It will show you the position, width, and height of your selection
- Display Page Magnifier
- Shows a square that you can drag around your page, inside the square it literally magnifies the piece of the page you are hovering over
- Outline current element
- literally put a box around the element you are hovering over
- also it will show you the css id/class path to the item
- Validate HTML
- Click this and a new tab opens up with the w3c validator results about your page
Web Developer Firefox Add On Page
Sphere: Related Content
















































