logo

Debugging With Firebug

There are a few web developer tools and browser add-ons I just couldn't manage without. The latest must-have addition to this list is Firebug.

It's amazing. It's like the DOM Inspector on steroids. There's no pointing me listing all the features as there are so many and they're listed elsewhere. The easiest way to appreciate it is to install and play.

Once installed you'll see either a green tick or red cross on the right hand side of the status bar, depending on whether the page loaded with or without errors. Click there to investigate further. Even in pages that don't have problems the geek in me still has fun just taking a look at what's going on.

Debugging web pages used to be a complete hassle. Now, with the increasing number of tools available, it's becoming a lot lot easier. Do yourself a favour and install Firebug! You'll probably find errors you didn't even realise were there. I did and now feel proud this site loads with a green tick.

All I want for now is decent and reliable JavaScript debugger for IE and a version of HTTPWatch for Firefox. What's your must-have developer tool or dream add-on you're waiting for?

Comments

  1. Firefox with Web Developer Toolbar, Firebug and Venkman come pretty close to the pill of choice for all my web development headaches. Only Venkman should be a bit easier to use (or maybe I just haven't spent enough time using it). It's true, Firebug rules.

    • avatar
    • YoGi
    • Fri 31 Mar 2006 02:39 AM

    Jake, have you tried Live HTTP Headers for Firefox ?

  2. There's an Extension called LiveHTTPHeaders for Firefox, it's probably not as featured as HTTPWatch, but you might want to check it out.

    • avatar
    • Jake
    • Fri 31 Mar 2006 02:48 AM

    Yeah, I've got LiveHTTPHeaders installed, but very rarely use it. Compared to HTTPWatch it's useless. I just can't use LiveHTPHeaders. All the requests go whizzing past in one long stream. Finding the request you're interested in is then a nightmare. When you do find it you've only got the headers to look at. Not much use really.

  3. Firebug looks pretty promising indeed. I'll definitely give it try and see how detected errors compare to HTML Validator. :-)

    LiveHTTPHeaders does it for me, I must say. While it is surely nice to have it all in one tool, most if not all HTTPWatch does, can be had from other extensions and/or free 3rd party tools, so I personally willingly take the hassle to deal with multiple add-ons. Enabling CSS and filtering URLs makes the output more readable. I actually do even prefer the display format over HTTPWatch's Streaming tab, but that's surely a matter of taste and habits.

    • avatar
    • Ben
    • Fri 31 Mar 2006 04:45 AM

    I'm waiting for Sametime 7.6 - I hear it will answer all of my emails and IM's for me so I can have an extra hour in bed ;-)

    Like you, I am also looking forward to upgrading from Girlfriend 4.0 to Wife 1.0

    {Link}

  4. For the friends of HTTP porn (= looking at naked HTTP data) I would recommend Apache AXIS. Axis is Apache's Webservices toolkit, so don't get confused. It has an utility called TCPMon. It allows to listen/redirect/trace any port (not just HTTP). And it is product independent.

    A nice plug-in is "Tamper-Data" that allows to play with header and body values before they are send back.

    :-) stw

  5. I find that adding Header Monitor on top of my LiveHTTPHeaders adds a little something that I needed:

    https://addons.mozilla.org/extensions/moreinfo.php?id=575&application=firefox

Your Comments

Name:
E-mail:
(optional)
Website:
(optional)
Comment:


About This Page

Written by Jake Howlett on Fri 31 Mar 2006

Share This Page

# ( ) '

Comments

The most recent comments added:

Skip to the comments or add your own.

You can subscribe to an individual RSS feed of comments on this entry.

Let's Get Social


About This Website

CodeStore is all about web development. Concentrating on Lotus Domino, ASP.NET, Flex, SharePoint and all things internet.

Your host is Jake Howlett who runs his own web development company called Rockall Design and is always on the lookout for new and interesting work to do.

You can find me on Twitter and on Linked In.

Read more about this site »

More Content