Must Have Extensions For Firefox

firefox-logo.jpgAs many well know, I am a huge advocate for Firefox. As a user, I like it for a few reasons; its consistent across platforms, tabbed browsing, fairly secure, skinable, and last but not least…extensibile.

The extensibility of the god of browsers is where things really shine for me as a developer…a web application developer. There are two that I use religiously for Javascript debugging, DOM inspecting, CSS tweaking, source viewing, Ajax calls, etc. Here they are. Get them. Use them. You’ll crap your pants.

Web Developer - get it here.

web_developer-1.jpgThe 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.

Firebug - get it here.

firebug-2.jpgFireBug is a new tool that aids with debugging Javascript, DHTML, and Ajax. It is like a combination of the Javascript Console, DOM Inspector, and a command line Javascript interpreter.

Other fun features:

* XMLHttpRequest Spy - Ever wonder what all them newfangled Ajax websites are up to? Watch the requests fly by in the console!

* One web page, one console - Tired of slogging through a zillion errors in the JavaScript Console trying to find the one you want? The FireBug console is built into the bottom of the browser, and only shows you errors and log messages that came from the page you’re looking at.

* JavaScript Error Status Bar Indicator - It’s a sin that Firefox doesn’t include this by default, like IE does. When there is an error in the page, the status bar will let you know with a big red blob.

* Logging for web pages - Sick and tired of “alert debugging”? Jealous of all your C programmer buddies with their fancy printf? Now you can log text and objects to the FireBug console from any web page. See my website for more info on this.

[etc]

And obviously…if you don’t have FireFox (tsk tsk), get it here:

Discuss This Article


8 Responses to “Must Have Extensions For Firefox”

  1. pingback pingback:
    BorkWeb » Firbug 0.4 Released. Can Web Development Be Any Sexier?

    [...] One of my must have extensions for firefox has a new version out! Firebug, if you don’t already know, is an Ajax/layout/javascript troubleshooter and is extremely well developed. In version 0.4, Firebug steps beyond the bounds of being a troubleshooter and can now be considered a full fledged debugger. Its new features include: [...]

    Reply to this comment.
    1
  2. pingback pingback:
    BorkWeb » Flock

    [...] Because Flock is based off of Firefox, many of the extension run for it! So you can still have the must haves. I definately wouldn’t be using Flock otherwise. [...]

    Reply to this comment.
    2
  3. AvatarMichal Till

    Yes, Firebug is much better than Vankman (JS debugger).

    Reply to this comment.
    3
  4. pingback pingback:
    BorkWeb » JavaScript Shell

    [...] While at The Ajax Experience I noticed a tool that a few of the speakers made use of that was missing from my arsenal. The tool? JavaScript Shell. [...]

    Reply to this comment.
    4
  5. pingback pingback:
    BorkWeb » Site Speed Analysis With YSlow

    [...] is a nifty little tool to add to your web development toolkit! Yahoo has developed a nifty website speed analysis Firebug extension. Yep. Not [...]

    Reply to this comment.
    5
  6. AvatarCynthia

    my firefox keeps saying update failed and you have to say ok and then it starts help

    Reply to this comment.
    6
  7. pingback pingback:
    BorkWeb » Internet Explorer - Web Developer Toolbar

    [...] a world of FireFox and its beautiful extensions of web-development power, Internet Explorer has been a horrid browser to develop/debug your [...]

    Reply to this comment.
    7
  8. pingback pingback:
    BorkWeb » Plymouth State: JavaScript Workshop

    [...] Firefox Extensions (including Firebug) [...]

    Reply to this comment.
    8

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Comment Preview:

 (9159) - firefox javascript plugin (44) - firefox javascript error (37) - javascript plugin firefox (21) - firefox javascript errors (18) - firefox javascript debug plugin (11) - javascript error firefox (10) - firefox javascript problem (10) - facebook (9) - javascript problem in firefox (8) - JavaScript plugin for firefox (6) - firefox debug plugin (5) - xmlhttprequest spy (5) - javascript errors in firefox (4) - Javascript firefox plugin (4) - javascript errors firefox (4) - firefox javascript interpreter (4) - firefox error console log (4) - Javascript error in firefox (4) - display javascript errors firefox (3) - firefox troubleshooter (3) - firefox myspace problems (3) - developer (3) - Firefox 3 javascript shell (3) - firefox debug bar (2) - firefox http debug plugin (2) - firefox 3 show javascript errors (2) - firebug developers tool kit (2) - firefox javascript trace (2) - myspace firefox javascript (2) - firefox javascript error status (2) - display javascript errors in firefox (2) - firefox ajax plugin (2) - javascript trace firefox plug (2) - firefox 3 plugins javascript debugger (2) - Display JavaScript error Firefox (2) - firefox display javascript errors (2) - display javascript error in firefox (2) - javascript firefox problem (2) - firefox trace (2) - firefox javascript shell console (2) - javascript error on firefox (2) - javascript error not displayed firefox (2) - javascript vplayer error in firefox (2) - firefox debugger plugin (2) - error console log firefox (2) - javascript troubleshooter (2) - firefox 3 javascript (2) - firefox javascript debugger plugin (2) - firefox plugin xmlhttprequest (2) - JavaScript Error Status Bar Indicator firefox web developer extension (2) - firefox debugger (2) - firebug firefox3 watch ajax (2) - firefox debugging LOG (2) - firefox debug plugins (2) - javascript log firefox (2) - firefox debugger extension (2) - show errors javascript in firefox 3 (1) - Firefox MySpace link problems (1) - firefox 3 myspace error (1) - trace javascript error ie (1) - firefox3 firebug XMLHttpRequest ajax not working (1) - javascript:; error in firefox (1) - firefox plugin to run ajax (1) - firefox trace console http requests (1) - FireFOx tracing JavaScript (1) - javascript debugger plugin (1) - javascript trace browser plugin (1) - firefox 3 myspace problem (1) - firefox trace http (1) - ajax debugger firefox (1) - javascript:vPlayer"problem (1) - xmlhttprequest from a firefox extension (1) - firefox show javascript errors status bar (1) - firefox javascript error on (1) - firefox 3 javascript error (1) - javascript in firefox not working (1) - error console log -203 firefox (1) - firebug console error firefox 3 (1) - how to show javascript errors in firefox (1) - firefox javascript error strace (1) - ajax extension for firefox 3 (1) - plugin2 javascript (1) - problem javascript for firefox (1) - firefox javascript shell firebug (1) - firefox 3 extension javascript shell (1) - debug firefox plugins (1) - FACEBOOK firefox 3 javascript (1) - where is log, firefox, trace (1) - JavaScript console and FireBug JavaScript debugger plugin-in of the Mozilla Firefox browser (1) - javascript is now working in firefox (1) - XMLHttpRequest, Firefox 3 (1) - text problems firefox myspace (1) - firefox 3 developer toolkit (1) - javascript error indicator firefox (1) - firefox 3 javascript show errors (1) - firefox ajax status indicator (1) - firefox 3 javascript problems (1) - script problem firefox (1) - myspace error console (1) - myspace error with firefox 3 (1) - firefox 3 myspace (1) - firefox web developers toolkit (1) - firefox 3 javascript errors statusbar (1) - javascript error display Firefox (1) - javascript firefox display errors (1) - show javascript errors in statusbar firefox (1) - firefox plugin OR extension statcounter -"no script -"noscript (1) - javascript trace css (1) - showing javascript errors in firefox (1) - firefox javascript error 0x80530004 (1) - firefox plugin js (1) - firefox extensions show javascript error (1) - how to trace error with internet explorer like firefox error console (1) - XMLHttpRequest firefox 2 (1) - JavaScript Error firefox web developer extension (1) - show javascript errors firefox (1) - debugger for firefox extension (1) - how to debug a firefox extension (1) - show javascript errors in firefox (1) - debug bar firefox (1) - show speed indicator in firefox (1) - how to determine javascript errors firefox (1) - extensions for firefox 3 developing (1) - error console log firefox 3 (1) - javascript en firefox plugin (1) - javascript error firefox. (1) - firefox web developer tool kit (1) - firefox plugins trace (1) - xmlhttprequest Spy firefox3 (1) - secure indicator plugin firefox (1) - web_developer plugin firefox (1) - firefox 3 javascript link (1) - how to show javascript console in firefox 3 (1) - javascripts problem in firefox (1) - javascript:rc error firefox (1) - logging javascript firefox (1) - firefox xmlhttp plugin (1) - trace javascript firefox (1) - firefox script debug plugin (1) - javascript not displayed in firefox 3 (1) - firefox extensions inspect (1) - firebug web developer toolkit (1) - web development toolkit mozilla 3 (1) - firefox 3 display javascript errors (1) - firefox trace plugin (1) - firefox javascript errors display (1) - firefox display javascript error (1) - firefox myspace javascript (1) - firefox firbug extension (1) -