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 error (97) - firefox javascript plugin (71) - firefox javascript errors (30) - javascript plugin firefox (29) - firefox debug plugin (25) - netbeans firefox extension (22) - firefox javascript debug plugin (20) - javascript error firefox (19) - firefox javascript problem (16) - JavaScript plugin for firefox (12) - javascript problem in firefox (9) - facebook (9) - Javascript firefox plugin (8) - firefox show javascript errors (8) - javascript firefox problem (7) - firefox error console log (7) - javascript errors firefox (7) - netbeans-firefox-extension (7) - Javascript error in firefox (6) - firefox ajax plugin (6) - firefox debug bar (6) - firefox display javascript errors (6) - firefox 3 show javascript errors (6) - Display JavaScript error Firefox (6) - firefox trace javascript (5) - firefox plugin javascript (5) - firefox debug extension (5) - firefox javascript debugger plugin (5) - firefox trace (5) - xmlhttprequest spy (5) - firefox javascript trace (4) - display javascript errors firefox (4) - javascript errors in firefox (4) - javascript problem firefox (4) - firefox see javascript error (4) - trace javascript firefox (4) - firefox display javascript error (4) - firefox error log (4) - javascript troubleshooter (4) - developer (4) - firefox troubleshooter (4) - firefox javascript interpreter (4) - firefox plugin javascript error (3) - javascript firefox error (3) - javascript error on firefox (3) - firefox javascript problems (3) - firefox debugger plugin (3) - javascript console missing firefox (3) - display javascript error in firefox (3) - firefox logger (3) - firefox myspace problems (3) - firefox show javascript errors in status bar (3) - show javascript errors firefox (3) - firefox myspace extension (3) - netbean firefox extension (3) - Firefox 3 javascript shell (3) - firefox debugger extension (3) - display javascript errors in firefox (3) - firefox debug plugins (3) - how to get javascript errors in firefox (2) - firefox plugin trace -flash (2) - firefox http debug plugin (2) - firefox 3 javascript (2) - debug bar firefox (2) - webdeveloper toolkit in je Firefox Browser (2) - firefox show javascript errors like ie (2) - firefox javascript tracer (2) - Javascript Plugins Firefox (2) - error console log firefox (2) - firefox 3 javascript error (2) - javascript tracer firefox (2) - javascript trace internet explorer (2) - javascript vplayer error in firefox (2) - javascript trace firefox plug (2) - firefox 3 plugins javascript debugger (2) - debug bar for firefox (2) - problem javascript firefox (2) - firefox error console log -203 (2) - firefox javascript shell console (2) - firefox 3 display javascript errors (2) - javascript trace firefox (2) - javascript error not displayed firefox (2) - firefox 3 javascript problem (2) - debug firefox plugins (2) - firefox plugin debugger (2) - netbeans-firefox-extension 3.0.1 (2) - firebug developers tool kit (2) - firefox 3 display js console (2) - JavaScript Error Status Bar Indicator firefox web developer extension (2) - myspace firefox javascript (2) - firefox javascript error status (2) - firefox debugger (2) - firefox plugin xmlhttprequest (2) - firebug firefox3 watch ajax (2) - firefox displays javascript errors (2) - debugging firefox extension (2) - show javascript error firefox (2) - javascript log firefox (2) - firefox javascript logging (2) - firefox debugging LOG (2) - firefox myspace plugin (2) - javascript errors in Firefox 3.0 (1) - how to have firefox show javascript errors (1) - firefox trace javascript calls (1) - firefox plugin xmlhttprequest logging (1) - must have extensions firefox 3 (1) - netbeans extension Firefox 3 debug (1) - firefox firebug doesn't display javascript error (1) - firefox plugin for website speed analysis (1) - newegg display errors firefox (1) - firefox extensions to show error on a page (1) - statcounter firefox plugin (1) - firefox trace javascript extension (1) - firefox extension show javascript (1) - netbeans extension Firefox 3 (1) - netbeans firefox extension firefox 3 (1) - firefox 3 javascript myspace (1) - probleme mit javascript firefox (1) - netbeans-firefox-extensions (1) - firefox debuging plugins (1) - firefox plugin myspace (1) - firefox javascript see error (1) - firefox javascript errors tarcking (1) - http debug extension firefox (1) - firefox extensions debug bar (1) - firefox plugin to decompile java script (1) - firefox has problem with javascript (1) - avoid display of errors in the status bar in firefox (1) - firefox debug http session plugin (1) - tracing javascript error with firefox (1) - firefox 3.0.1 javascript erros (1) - does ie has error console like firefox (1) - secure myspace firefox extension (1) - css javascript plugin firefox (1) - firefox 3 web developer extension 3 (1) - errors in firefox on javascript (1) - firefox errores codigo html (1) - firefox javascript error display (1) - firefox javascript see errors (1) - ajax and firefox speed issue (1) - myspace problem firefox 3 (1) - firefox 3 and myspace issues (1) - trace with firefox -flash (1) - Firefox 3 trace javascript (1) - trace javascript error (1) - firefox 3 javascript errors (1) - trace javascript (1) - firefox web developer toolbar show ajax messages (1) - netbeans firefox extension 3.0 (1) -