Firefox Extension for Developers
Must Have
- Web Developer
- An essential extension for any web developer/designer as it provides a raft of incredibly useful features all under one roof. You will wonder how you ever managed without it!
- Measure It
- Draw out a ruler to get the pixel width and height of any elements on a webpage.
- ColorZilla
- Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
- View Rendered Source
- Displays rendered source as the browser has interpreted it. Great troubleshooting tool for HTML, JavaScript, CSS and XML/XSL developers: anyone who needs to analyze rendered source code.
- Should Have
- Screen grab!
- Screengrab saves entire webpages as images. You can save the entire page as an image (it scrolls around the page taking shots and stitches it together), just the visible portion, or the browser window.
- JavaScript Debugger
- Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers.
- HTTP Live Header Monitor
- This tool lets you watch the headers sent between web servers and your browser.
- View Formatted Source
- Displays formatted and color-coded source and optional CSS information for each element.
- Fangs Screen Reader Emulator
- Renders a text version of a web page similar to screen reader output. Helps developers find accessibility issues fast.