DRX/extensions

√app«drx

E. Firefox Extensions

You will find many Firefox Extensions listed in drx, and they are located in almost as many categories. The goal of this page is to consolidate the best of them into one view in order to demonstrate this diversity. There are hundreds of other fine examples that are not listed here. The ones that are have been selected because they are focused on Web development, like the rest of drx.

To name just a few, these extensions focus on topics such as CSS, markup (HTML and XHTML), DOM, JavaScript and debugging, images, document structure and validity, URI, URL, forms, cookies and the HTTP protocol, Metadata and Semantics, XML, XPath and XUL, Accessibility and security, not to mention blogging, RSS, Atom and content syndication. Phew!

Firefox is like the Perl of Web browsers. By starting with a core design that is clean, fast and secure, and then adding a powerful programming interface, the browser is limited in what it can do only by the skill and ingenuity of the many talented programmers that create these extensions. In turn, they help us to be more productive and inspire us to think outside the box.

In other words, there are no limits. My hat goes off to the Mozilla team, and all the extension authors.

Chris Pederick’s Web Developer extension gets top billing for good reason. Really outstanding work. Follow this link to download and install it now.

For more information, and the latest, breaking news and announcements, visit the loadaverageZero Firefox Rave page.

If you’re interested in which extensions I’m currently using, visit the Installed Extensions page.

Trouble finding the extension you’re looking for? Try a quicksearch:

This page was last updated on Sunday, February 15th, 2009 @ 10:22 PM EST, and now includes a total of 37 Firefox Extensions designed for Web developers.

Enjoy!

Navigation

§ Category Matches

§ Tag Cloud

§ Other Indexes

§ Search and RSS

Extensions

1.Web Developer

A Firefox/Mozilla extension for Web Developers. This really is an indispensable tool. Too many features to list, visit the URI where you can learn more and download and install it. [1028]
★★★★★
URI:http://chrispederick.com/work/firefox/webdeveloper/documentation/feat...
Author:
Chris Pederick
[1]
Reviewed:Wednesday, April 20th, 2005 @ 4:31 PM EDT
by:
Douglas Clifton

Web Developer design developer extension firefox
2.HTML Validator

This Mozilla/Firefox extension embeds a copy of the W3C Tidy engine, and validates the markup of any page in realtime. Since there is no need to call a remote service, it even works behind firewalls/intranets. View source to check and even repair errors. [1664]
★★★★☆
URI:http://users.skynet.be/mgueury/mozilla/
Author:
Marc Gueury
[1]
Reviewed:Monday, March 6th, 2006 @ 8:36 PM EST
by:
Douglas Clifton

HTML Validator extension firefox html markup mozilla tidy validator
3.Greasemonkey

Greasemonkey is a Firefox extension which lets you to add bits of Javascript to any web page. In much the same way that user CSS lets you take control of a web page's style, user scripts let you easily control any aspect of a web page's behavior. [1205]
★★★★★
URI:http://www.greasespot.net/
Author:
Aaron Boodman
[1]
Reviewed:Thursday, May 26th, 2005 @ 8:43 PM EDT
by:
Douglas Clifton

Greasemonkey browser developer extension firefox greasemonkey javascript
4.Platypus

The author calls this Firefox extension "active browsing." In effect, it allows non-programmers to interactively alter a Web page, and then save the changes as a Greasemonkey script so the next time you visit the page your changes "stick." Slick! [1251]
★★★★★
URI:http://platypus.mozdev.org/
Author:
Scott Turner
[1]
Reviewed:Sunday, May 29th, 2005 @ 12:30 PM EDT
by:
Douglas Clifton

Platypus extension firefox greasemonkey
5.Javascript Debugger

Although distributed with Firefox, the Venkman Javascript debugger is actually built with XUL technology in XPI format. In other words, it's a cross-platform extension that also works in the Mozilla Suite, and Netscape (who first developed it). [1595]
★★★★☆
URI:http://www.mozilla.org/projects/venkman/
Author:
Robert Ginda
[2]
Reviewed:Monday, January 23rd, 2006 @ 1:28 AM EST
by:
Douglas Clifton

Javascript Debugger debug extension firefox javascript mozilla netscape
6.DOM Inspector

If you do any amount of Javascript development (including AJAX and/or "DHTML") or need to quickly find details about a particular node in your document tree, including applied CSS rules, then make sure you have DOM Inspector installed. An invaluable tool. [1594]
★★★★☆
URI:http://kb.mozillazine.org/DOM_Inspector
Author:
Joe Hewitt
[2]
Reviewed:Monday, January 23rd, 2006 @ 1:26 AM EST
by:
Douglas Clifton

DOM Inspector ajax css developer dom firefox javascript mozilla web
7.FireBug

FireBug is a Firefox extension that aids with debugging JavaScript, DHTML, and Ajax. It is like a combination of the JavaScript Console, DOM Inspector, and a JavaScript CLI. Other powerful features include the XMLHttpRequest Spy for logging Ajax requests. [1611]
★★★★★
URI:http://joehewitt.com/software/firebug/
Author:
Joe Hewitt
[2]
Reviewed:Wednesday, January 25th, 2006 @ 4:48 PM EST
by:
Douglas Clifton

FireBug ajax debug developer dom firebug firefox javascript mozilla
8.Console²

In addition to Javascript errors and warnings, the new Firefox 1.5 console also supports CSS and XML messages. Building on these improvements, this extension provides an upgraded, and customizable user-interface, easier filtering and search capabilities. [1575]
★★★★☆
URI:http://forums.mozillazine.org/viewtopic.php?t=318102
Author:
zeniko
[1]
Reviewed:Monday, December 19th, 2005 @ 10:49 PM EST
by:
Douglas Clifton

Console² css extension firefox javascript search user-interface xml
9.View Rendered Source

This Firefox extension creates a color chart of a Web page's rendered source code, displaying a structured, nested, collapsible view of the browser's internal state of the document, including after the DOM has been modified by JavaScript. A powerful tool. [1686]
★★★★☆
URI:http://jennifermadden.com/scripts/ViewRenderedSource.html
Author:
Jennifer Madden
[1]
Reviewed:Sunday, April 2nd, 2006 @ 11:11 PM EDT
by:
Douglas Clifton

View Rendered Source code debug dom extension firefox javascript
10.UrlParams

Displays GET and POST parameters for any page in your Firefox sidebar. A great tool for debugging forms and testing complex GET URLs (e.g. Google search this site). Also includes the referring URL, and allows you to add/edit name/value pairs on the fly. [1566]
★★★★☆
URI:http://addons.mozilla.org/extensions/moreinfo.php?application=firefox...
Author:
Erik Schmidt
[1]
Reviewed:Tuesday, November 29th, 2005 @ 11:44 AM EST
by:
Douglas Clifton

UrlParams developer extension firefox mozilla url web
11.URIid

Adds an id to the body of each page, allowing a CSS selector to be used in the user stylesheet (userContent.css). By creating site-specific rules, the user can alter the appearance (skin) of any (fugly) site they want. Also works for behavior. [1359]
★★★★☆
URI:http://addons.mozilla.org/extensions/moreinfo.php?id=563
Author:
Chris Neale
[2]
Reviewed:Friday, July 1st, 2005 @ 12:01 AM EDT
by:
Douglas Clifton

URIid css extension firefox mozilla
12.DevBoi

A sidebar extension for Firefox that provides quick and easy access to reference documents related to Web development, including HTML 4.01, CSS 2.1, DOM 2 and XUL. An offline version is also available for when you're not connected. Very convenient! [1501]
★★★★☆
URI:http://devboi.mozdev.org/
Author:
Martin Cohen
[1]
Reviewed:Friday, August 19th, 2005 @ 4:42 PM EDT
by:
Douglas Clifton

DevBoi css dom extension firefox html mozilla reference standards w3c xul
13.chromEdit

Chrome is a Mozilla codename for the visible portions of the user interface in its products. Thus, chromEdit is an extension that simplifies editing the CSS and Javascript files that allow the user to alter the appearance of a Mozilla application. [1358]
★★★★☆
URI:http://cdn.mozdev.org/chromedit/
Author:
Chris Neale
[2]
Reviewed:Thursday, June 30th, 2005 @ 11:31 PM EDT
by:
Douglas Clifton

chromEdit chrome css editors extension firefox javascript mozilla
14.Piggy Bank

A Mozilla Firefox extension that provides a glimpse of what the Semantic Web might be like in the future. By combining information from several sources you can, for example, find schools and transportation near the location of an apartment for rent. [1238]
★★★★☆
URI:http://simile.mit.edu/piggy-bank/
Author:
MIT Simile Project
[1]
Reviewed:Thursday, May 26th, 2005 @ 7:24 AM EDT
by:
Douglas Clifton

Piggy Bank browser extension firefox mozilla rdf semantic web
15.LiveHTTPHeaders

A Mozilla Firefox extension that allows you to view the HTTP headers of any request you make with the browser in a number of different ways. [1024]
★★★★☆
URI:http://livehttpheaders.mozdev.org/
Author:
Daniel Savard
[1]
Reviewed:Wednesday, April 20th, 2005 @ 2:34 AM EDT
by:
Douglas Clifton

LiveHTTPHeaders extension firefox http
16.Tamper Data

A Firefox extension that allows you to monitor, view the details of, and alter (tamper with) HTTP and HTTPS requests and responses. Test your Web application for security flaws. I like all the details, including the response time for each sub-request. [1403]
★★★★☆
URI:http://tamperdata.mozdev.org/
Author:
Adam Judson
[1]
Reviewed:Thursday, July 14th, 2005 @ 11:22 PM EDT
by:
Douglas Clifton

Tamper Data extension firefox http mozilla protocol security
17.CookiePie

A Firefox extension that allows developers to test code designed for multiple user/profiles using tabs, with each tab having a separate cookie "environment." End users can open multiple Gmail/Yahoo! accounts in different tabs and windows simultaneously. [1657]
★★★★☆
URI:http://nektra.com/oss/firefox/extensions/cookiepie/
Author:
Sebastian Wain
[1]
Reviewed:Tuesday, February 28th, 2006 @ 9:52 PM EST
by:
Douglas Clifton

CookiePie cookies developer extension firefox
18.View Cookies

Adds a new tab to your Firefox Page Info dialog so you can view (and remove) cookies from any site. Includes the name, value, domain, path and expires parameters of every cookie set by the visited site. Test your own, or see what other sites are setting. [1567]
★★★★☆
URI:http://bitstorm.org/extensions/view-cookies/
Author:
Jolie van der Klis
[1]
Reviewed:Tuesday, November 29th, 2005 @ 12:47 PM EST
by:
Douglas Clifton

View Cookies cookies extension firefox mozilla
19.Aardvark

A Firefox extension for Web developers/designers as well as casual users. A big improvement over the many Javascript-based bookmarklets that do a similar thing: allow you to highlight each page element and view the id, class and other CSS attributes. [1081]
★★★★☆
URI:http://www.karmatics.com/aardvark/
Author:
Karmatics
[1]
Reviewed:Tuesday, May 3rd, 2005 @ 6:01 AM EDT
by:
Douglas Clifton

Aardvark css design developer extension firefox
20.SpellBound

Not only does this wonderful extension provide spellcheck for Web forms, it's a cure for what I call the postage stamp syndrome. Adjust the window size to your liking, and you have a mini-editor that beats the pants off of a standard form textarea. [1354]
★★★★☆
URI:http://spellbound.sourceforge.net/
Author:
Robert Strong
[1]
Reviewed:Thursday, June 30th, 2005 @ 7:18 AM EDT
by:
Douglas Clifton

SpellBound extension firefox mozilla
21.Document Map

Displays a treeview of the document structure in the sidebar of your browser. Try it with drx to see how much this Firefox extension simplifies navigating vertical documents. Also great for complex technical documents such as those found at the W3C. [1363]
★★★★☆
URI:http://www-jcsu.jesus.cam.ac.uk/~jg307/mozilla.xml
Author:
James Graham
[1]
Reviewed:Saturday, July 2nd, 2005 @ 6:33 PM EDT
by:
Douglas Clifton

Document Map browser extension firefox mozilla usability
22.X-Ray

A Firefox extension that allows you to view the markup of a Web page without having to switch between it and Page Source. In other words, the markup is displayed in the context of the rendered page. Each element is wrapped by the markup that defines it. [1682]
★★★★☆
URI:http://designmeme.com/xray/
Author:
Stuart Robertson
[1]
Reviewed:Wednesday, March 29th, 2006 @ 1:22 PM EST
by:
Douglas Clifton

X-Ray code extension firefox markup
23.Dublin Core Viewer

A Mozilla Firefox extension that adds a button to the status bar (and optionally the toolbar) to access a list of Dublin Core metadata embedded in HTML and XHTML documents with META and LINK elements. [1064]
★★★★☆
URI:http://www.splintered.co.uk/experiments/73/
Author:
Patrick Lauke
[4]
Reviewed:Wednesday, April 27th, 2005 @ 5:06 AM EDT
by:
Douglas Clifton

Dublin Core Viewer dublin core extension firefox
24.Sage: A Feed Reader for Firefox

A lightweight RSS and Atom feed aggregator extension for Mozilla Firefox. It's got a lot of what you need and not much of what you don't. [1025]
★★★★★
URI:http://sage.mozdev.org/
Author:
Peter Andrews
[1]
Reviewed:Wednesday, April 20th, 2005 @ 4:28 AM EDT
by:
Douglas Clifton

Sage: A Feed Reader for Firefox aggregator atom extension firefox rss
25.Feedview

Feedview is a Mozilla Firefox extension that gives you a nice preview of RSS feeds, including the ability to customize the view with CSS. Without the extension Firefox just displays the XML source code. [1026]
★★★★☆
URI:http://www.epigoon.com/?p=10
Author:
Tom Germeau
[1]
Reviewed:Wednesday, April 20th, 2005 @ 4:31 AM EDT
by:
Douglas Clifton

Feedview css extension feed firefox rss xml
26.LiveLines

Live Bookmarks in Firefox, frankly, suck. It's nice that the browser provides feedback to the user by placing an icon on your status bar when you visit a site that has RSS feeds. With LiveLine, you can add them to Sage, or your favorite online aggregator. [1425]
★★★★☆
URI:http://heygom.com/extensions/?p=19
Author:
Gomyoung Kim
[1]
Reviewed:Wednesday, July 20th, 2005 @ 8:30 PM EDT
by:
Douglas Clifton

LiveLines aggregator extension feed firefox rss
27.Firefox GeoURL Extension

This extension adds an icon to the browser's status bar. If a document features either an ICBM or geo.position meta element, the button opens a new tab with a listing of any GeoURL registered sites at or around the document's coordinates. [1013]
★★★★☆
URI:http://www.splintered.co.uk/experiments/71/
Author:
Patrick Lauke
[4]
Reviewed:Tuesday, April 19th, 2005 @ 6:13 AM EDT
by:
Douglas Clifton

Firefox GeoURL Extension extension firefox geourl
28.Google Pagerank Status

Nice little extension that displays the Google Pagerank of the current page in your Mozilla/Firefox status bar. Also indicates if the site is listed in the Google directory, and allows you to jump to it with one click. A Javascript port of PHP code. [1255]
★★★★☆
URI:http://tapouillo.com/firefox_extension/
Author:
Stephane Queraud
[1]
Reviewed:Tuesday, May 31st, 2005 @ 6:14 PM EDT
by:
Douglas Clifton

Google Pagerank Status extension firefox google pagerank search seo
29.XPath Checker

A Mozilla Firefox extension which provides an interactive editor for XPath expressions. Choose "View XPath" from the context menu and it will show the editor. You can edit the expression and it incrementally updates the results. Also supports namespaces. [1676]
★★★★☆
URI:http://addons.mozilla.org/extensions/moreinfo.php?id=1095
Author:
Brian Slesinsky
[1]
Reviewed:Wednesday, March 22nd, 2006 @ 2:24 AM EST
by:
Douglas Clifton

XPath Checker editors extension firefox greasemonkey mathml svg xml xpath
30.XPather

XPather is a simple Mozilla Firefox extension that integrates both with the browser and its DOM Inspector. Thus, it is very lightweight and cross-platform. It is valuable mainly as a Web/XML application development and hacking tool. [1550]
★★★★☆
URI:http://xpath.alephzarro.com/index
Author:
Viktor Zigo
[1]
Reviewed:Wednesday, November 9th, 2005 @ 11:53 AM EST
by:
Douglas Clifton

XPather extension firefox mozilla xml xpath
31.mozCC

A Mozilla Firefox extension that searches Web pages for embedded Creative Commons licenses. Once detected, it parses the referenced RDF file, displays licensing parameters as icons in the status bar and allows access to a detailed dialog window view. [1269]
★★★★☆
URI:http://yergler.net/projects/mozcc/
Author:
Nathan Yergler
[1]
Reviewed:Sunday, June 5th, 2005 @ 9:20 PM EDT
by:
Douglas Clifton

mozCC creative commons extension firefox licenses mozilla rdf
32.Netcraft Toolbar

Now available as a Mozilla Firefox extension, the toolbar allows you to see the hosting location, country, longevity, popularity, and an abstracted risk rating for each site visited. Help protect the Internet community by reporting phishing hosts! [1257]
★★★★☆
URI:http://news.netcraft.com/archives/2005/05/24/firefox_version_of_netcr...
Author:
Netcraft
[2]
Reviewed:Wednesday, June 1st, 2005 @ 2:44 PM EDT
by:
Douglas Clifton

Netcraft Toolbar extension firefox security servers toolbar web server
33.Color Contrast Analyzer

A Firefox extension that reveals the color contrast of all elements in the DOM. If you evaluate Web sites for color contrast, this extension will be useful for saving you time, and also takes out the guesswork required to determine which colors to test. [1642]
★★★★☆
URI:http://juicystudio.com/article/colour-contrast-analyser-firefox-exten...
Author:
Gez Lemon
[3]
Reviewed:Sunday, February 12th, 2006 @ 5:49 PM EST
by:
Douglas Clifton

Color Contrast Analyzer accessibility dom extension firefox
34.Fire Vox

A free screen reader for the Firefox browser. Options include highlighting chunks of text as it is read and the ability to remap command keys. A menu of submenus can be used to navigate to headings, links, images, form elements, access keys, and frames. [1370]
★★★★☆
URI:http://webspace.utexas.edu/chencl1/clc-4-tts/
Author:
Charles L. Chen
[1]
Reviewed:Monday, July 4th, 2005 @ 12:16 AM EDT
by:
Pamela Berman

Fire Vox accessibility extension firefox java javascript tts
35.FoxyVoice

This free screen reader extension for Firefox is a whole lot easier to install than Fire Vox. There are no options settings, and unlike unlike Fire Vox, chunks of text are not highlighted and page elements are not identified as text is being read. [1385]
★★★★☆
URI:http://foxyvoice.kenche.info/
Author:
Kenneth Che
[1]
Reviewed:Saturday, July 9th, 2005 @ 3:16 PM EDT
by:
Pamela Berman

FoxyVoice accessibility extension firefox tts
36.MeasureIt

This one is for you pixel-perfect fanatics out there. MeasureIt allows you to draw a ruler around any portion of a Web page to check the width and height of that area. You can move the box with your mouse, or use the keyboard in 1 and 5 pixel increments. [1565]
★★★★☆
URI:http://www.kevinfreitas.net/extensions/measureit/
Author:
Kevin Freitas
[1]
Reviewed:Monday, November 28th, 2005 @ 1:39 PM EST
by:
Douglas Clifton

MeasureIt design developer extension firefox mozilla
37.Image Zoom

Personally, I love the Firefox feature that allows you to zoom text with the Control key plus the mouse wheel. This extension does the same thing for images, only you use the RMB instead. Context menu with lots of other options. No wheel? Sorry Mac users. [1448]
★★★★☆
URI:http://addons.mozilla.org/extensions/moreinfo.php?application=firefox...
Author:
Jason Adams
[1]
Reviewed:Saturday, July 30th, 2005 @ 9:34 PM EDT
by:
Douglas Clifton

Image Zoom extension firefox graphics