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


9 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
  9. pingback pingback:
    Guest Lecture: JavaScript, Ajax & DOM Manipulation : BorkWeb

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

    Reply to this comment.
    9

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 (280) - firefox javascript plugin (122) - firefox javascript errors (91) - javascript plugin firefox (73) - netbeans firefox extension (72) - javascript error firefox (54) - firefox debug plugin (46) - firefox javascript problem (45) - firefox javascript debug plugin (25) - Javascript error in firefox (25) - javascript errors firefox (24) - JavaScript plugin for firefox (23) - firefox javascript trace (22) - firefox show javascript errors (21) - netbeans-firefox-extension (20) - Javascript firefox plugin (17) - firefox debug extension (16) - display javascript errors in firefox (15) - firefox debug bar (15) - firefox display javascript errors (15) - firefox trace (15) - firefox trace javascript (15) - javascript firefox problem (14) - Firefox extension xmlhttprequest (12) - xmlhttprequest spy (11) - firefox javascript logging (10) - firefox javascript debugger plugin (10) - firefox debugger plugin (10) - firefox error console log (10) - display javascript errors firefox (10) - javascript trace firefox (10) - facebook (9) - firefox javascript interpreter (9) - firefox plugin javascript (9) - Display JavaScript error Firefox (9) - javascript problem in firefox (9) - netbeans firefox plugin (9) - firefox ajax plugin (8) - firefox 3 show javascript errors (8) - developer (7) - firefox logger (7) - plugin javascript firefox (7) - firefox error log (7) - firefox display javascript error (7) - trace javascript firefox (7) - javascript problem firefox (6) - firefox error javascript (6) - firefox js error (6) - javascript firefox error (6) - error console log firefox (6) - firefox javascript tracer (6) - netbean firefox extension (6) - firefox plugin javascript error (5) - firefox myspace plugin (5) - firefox troubleshooter (5) - javascript errors in firefox (5) - firefox plugin logging (5) - firefox javascript problems (5) - javascript error on firefox (5) - problem javascript firefox (5) - Firefox 3 javascript shell (5) - show javascript errors in firefox (5) - displaying javascript errors in firefox (5) - firefox see javascript errors (5) - firefox javascript error plugin (5) - firefox show javascript (5) - firefox javascript error in status bar (5) - javascript logging firefox (4) - firefox debugger (4) - javascript troubleshooter (4) - firefox debugger extension (4) - firefox plugin debug (4) - firefox debugging plugin (4) - debug firefox plugin (4) - display javascript error in firefox (4) - firefox 3 javascript error (4) - debug bar firefox (4) - show javascript errors firefox (4) - show javascript error firefox (4) - firefox see javascript error (4) - how to display javascript errors in firefox (4) - debug bar for firefox (4) - firefox show javascript errors in status bar (4) - netbeans firefox (4) - flash trace firefox 3 (4) - firefox show flash trace (4) - firefox - javascript error (4) - flash tracer firefox 3 (4) - firefox 3 show error in status bar (4) - Problem in javascript in FireFox Browser (4) - firefox 3.0 javascript shell (4) - firefox myspace extension (3) - firefox extension debugger (3) - firefox debug extensions (3) - firefox debug plugins (3) - firefox javascript error indicator (3) - firefox plugin debugging (3) - myspace firefox javascript (3) - firefox javascript shell (3) - firefox myspace problems (3) - how to see javascript error in firefox (3) - plugin firefox javascript (3) - Javascript Plugins Firefox (3) - firefox javascript error messages (3) - javascript errors plugin firefox (3) - JavaScript interpreter firefox (3) - firefox plugin debugger (3) - javascript error with firefox (3) - XmlHttpRequest firefox extension (3) - debug firefox plugins (3) - firefox 3 display javascript errors (3) - javascript log firefox (3) - firefox show javascript error (3) - NetBeans JavaScript Debugger Firefox extension (3) - javascript console missing firefox (3) - netbean-firefox-extension (3) - netbeans firefox 3 extension (3) - netbeans-firefox-extension Firefox 3 (3) - JavaScript logging in FireFox (3) - netbeans firefox 3 plugin (3) - firefox capture javascript error (3) - firefox javascript wamp error (3) - firefox tracing (3) - capture javascript calls firefox (3) - how to firefox addon to capture XMLHttpRequest (3) - how to know firefox javascript errors (3) - firefox error console statusbar (3) - firefox does not display page javascript problems (3) - firefox check javascript error (3) - firefox ajax extension (2) - firefox ajax extensions (2) - firefox debug (2) - firefox extension debug (2) - myspace firefox extension (2) - firefox javascript error extension (2) - firefox logging extension (2) - firefox javascript console log (2) - firefox debug log (2) - firefox debugging extensions (2) - plugin firefox debug (2) - firefox debugging extension (2) - firefox plugin xmlhttprequest (2) - firefox debugging LOG (2) - firefox javascript error status (2) - firefox javascript console missing (2) - debugging firefox extension (2) - javascript firefox plugins (2) - firefox javascript error message (2) - javascript shell firefox extension (2) -