Firefox add-ons for Web developers


Web Developer


The Web Developer extension adds a menu and a toolbar with various web developer tools.
Download

ColorZilla


Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.
Download

Total Validator


Provides true HTML validation (HTML 2.0 to XHTML 1.1) using the official DTDs, plus added attribute checking. So you no longer have to put up with the limitations of the W3C validator (no type checking) and tools like HTML Tidy which interpret the standards incorrectly (they don’t use the official DTDs).
Also performs accessibility validation (WCAG, US-508), broken link checking, spell checking (5 languages), and takes screenshots using 36 browsers on Windows, Linux, and OS/X.
Download

MeasureIt


Draw out a ruler to get the pixel width and height of any elements on a webpage.
Download

Firebug


Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Download

FireFTP


FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
Download

FirePHP


FirePHP enables you to log to your Firebug Console using a simple PHP method call.

You must have Firebug installed and the “Net” panel enabled to use this extension.
You must also download a PHP library from http://www.firephp.org/HQ/
Download

Memory Profiler


This tool lets you profile the memory use of web pages/applications. Just install the tool and select “Memory Profiler” from the “Tools” pull-down menu and follow the instructions.

At the moment, this extension uses a newer version of the same binary component that comes with Jetpack. If you use Jetpack, please either disable it before using this add-on, or get the latest beta of Jetpack here:

https://ubiquity.mozilla.com/jetpack-xpi/jetpack-latest-beta.xpi
Download

View Source Chart


Source Charting…

* Graphically Displays HTML Tag Boundaries
* Graphically Defines Tag Nesting Order, Structure and Hierarchy
* Adds A Simple but Powerful User Interface *TO* Source Code

WHAT SOURCE CHARTING DOES THAT INDENTATION-ONLY FORMATTING DOES NOT:

Source Charting Allows the User To…

* quickly scan and recognize a document’s tags without reading a single tag
* see how deeply nested an element is just by looking to its left (no scrolling/finding/reading tags)
* identify an element’s containing tags without having to scroll, find and read each tag.
Download

QuickJava


Allows quick enable and disable of Java and Javascript from statusbar.
Download

Related Posts: