0

Firefox Developer Extensions

Web Development

This is just a reference post that I thought others may find valuable as well, but until I get an app that installs them all for me, here is a shopping list of all the Firefox extensions I like to use in my development setup.

Backup & Restore

Since we have a lot of extensions we use, first lets cover the extensions to backup and restore our extensions :-P

Firefox Extension Backup Extension (FEBE)
https://addons.mozilla.org/en-US/firefox/addon/2109
This extension backs up all your installed extensions in FF.

Compact Library Extension Organizer (CLEO)
https://addons.mozilla.org/en-US/firefox/addon/2942
Your restore mechanism :-) From the description:
"CLEO is a Firefox extension that works with FEBE* to package any number of extensions/themes into a single, installable .xpi file..."

General

Web Developer Toolbar
https://addons.mozilla.org/firefox/60/
Probably the most popular web developer extension. This extension has everything from quick access to view source and cookie management functions to validation and CSS / display analysis functions.

Live HTTP Headers
https://addons.mozilla.org/firefox/3829/
Great for viewing HTTP headers and Requests being made to the server via HTML, Javascript, or Flash / Flex.

FireFTP
https://addons.mozilla.org/firefox/684/
An FTP client for FireFox.

Download Statusbar
https://addons.mozilla.org/firefox/26/
A great replacement for Firefox's download manager window.

Google Browser Sync
http://www.google.com/tools/firefox/browsersync/
Useful for synchronizing bookmarks, etc. across computers.

Minimize To Tray
https://addons.mozilla.org/en-US/firefox/addon/2110
Allows Firefox (and Thunderbird if installed for it) to be minimized to an icon on the task bar.

CSS / HTML

CSS Viewer
https://addons.mozilla.org/firefox/2104/
A great extension to help you see exactly what properties are being applied to any element under your mouse cursor.

ColorZilla
https://addons.mozilla.org/firefox/271/
Gets and copies and color from a page.

MeasureIt!
https://addons.mozilla.org/firefox/539/
Allows you to easily measure anything by drawing a square on the page.

IE View
https://addons.mozilla.org/firefox/1429/
A quick way to open Internet Explorer to the current page via right-click.

ColdFusion

ColdFire
http://coldfire.riaforge.org/
A Firefox extension and CF debugging template that allows you to view your debugging info inside the Firebug extension. This is great to have all your debugging info in one place and the debugging info won't mess up your HTML layouts anymore when it is dropped into the page normally.

Javascript

FireBug
https://addons.mozilla.org/firefox/1843/
FireBug is the most valuable extension for Firefox and Javascript development. It has a great JS debugger, inline console, and reviewing of AJAX requests. Beautiful.

 

Internationalization

Quick Locale Switcher
https://addons.mozilla.org/firefox/1333/
The name says it all.

Jim Priest said:
 
Great list! Two I'd add:

XPather - XPath generator, editor, inspector and simple extraction tool

https://addons.mozilla.org/en-US/firefox/addon/119...

Selenium - web testing
http://www.openqa.org/selenium/
 
posted 419 days ago
Add Comment Reply to: this comment OR this thread
 
 
Good call on Selenium IDE Jim...

I will also add TamperData. This is VERY useful when doing penetration testing on an app.
http://tamperdata.mozdev.org/
 
posted 418 days ago
Add Comment Reply to: this comment OR this thread
 
conrad said:
 
Has anybody else had issues with FireBug? It seems to start hogging memory after running for a while. I love it but I keep it disabled till I need it. It may be just cause I running on Vista at work.
 
posted 418 days ago
Add Comment Reply to: this comment OR this thread
 
Jimmy Harrell said:
 
Awesome List. I"m adding View Source Chart:

https://addons.mozilla.org/en-US/firefox/addon/655...
Draws A Color-Coded Chart of a Web Page's Source Code

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
 
posted 418 days ago
Add Comment Reply to: this comment OR this thread
 
Jimmy Harrell said:
 
One more good one for syncronizing BookMarks for FireFox(and can be importing from Firefox into all other browsers) is Foxmarks:

https://addons.mozilla.org/en-US/firefox/addon/241...
 
posted 418 days ago
Add Comment Reply to: this comment OR this thread
 
 
Another one that I think is pretty sweet, although I wouldn't exactly call it a "developer" extension is ImageBot. It is a nice piece that allows you to upload and manage images through ImageShack and PhotoBucket.
https://addons.mozilla.org/en-US/firefox/addon/117...
 
posted 418 days ago
Add Comment Reply to: this comment OR this thread
 
ataollah said:
 
thank
 
posted 265 days ago
Add Comment Reply to: this comment OR this thread
 

Search