Andrew Pollack's Blog

Technology, Family, Entertainment, Politics, and Random Noise

Firebug -- the best browser add-in ever? If you're a web page developer, it could be.

By Andrew Pollack on 04/24/2007 at 07:31 AM EDT

Cmdr Taco, famous of Slashdot (/. -- news for nerds) wrote of this tool in an article I read recently in either CPU or Wired magazine. It's a terrific all in one debugging and page analysis tool that sits in Firefox. It has features I've come to completely rely on.

The most important thing it does, is nothing. That is to say, it sits quietly unless called upon to act. A very small icon in the lower right corner of my browser allows me to open the working tool on any page, or change the options for when to activate. If there are javascript errors on a page, the tool quietly gives me a count. If I click to open the tool it will name the error, show me the line, and even open a code viewer to show me the error in context.

When open, I can mouse over any part of a web page and see via split screen what part of the DOM is representing that part of my page, what CSS is controlling it, and a horde of other details. I can set breakpoints and watch variables in in live javascript, and I can even see a break down of the referenced page resources and how long they took to download.

It's quick, powerful, unobtrusive when not in use, and best of all, free.

Here are a couple of screenshots, taken from the lower half of a browser window. The page I'm debugging is above, not displayed here.

There are  - loading -  comments....

re: Firebug -- the best browser add-in ever? If you're a web page developer, it could be.By Devin Olson on 04/24/2007 at 10:34 AM EDT
Just installed Firebug, and I have but one word to describe it.....Wow.

Thanks for the tip.

re: Firebug -- the best browser add-in ever? If you're a web page developer, it could be.By Gerald Mengisen on 04/24/2007 at 02:56 PM EDT
I love Firebug! Everyday you discover something new in it. The other day, I
discovered the not-so-visible option "Break on all errors" (Script tab, Options
menu). You stop right at the JavaScript error and can see the values of all
variables. What a time saver!

P.S.: Hi Devin, cool to meet you in here. The last time, it was at Andrew's LS
session :-)
re: Firebug -- the best browser add-in ever? If you're a web page developer, it could be.By Devin Olson on 04/25/2007 at 07:52 AM EDT
Hey there old friend. It was really cool running into you at Lotusphere. Drop
me an email sometime. (Check my blog for address).

re: Firebug -- the best browser add-in ever? If you're a web page developer, it could be.By Thomas Bahn on 04/24/2007 at 03:06 PM EDT
One other thing, I really like in Firebug, is the possibility to alter the DOM
and CSS of the page displayed LIVE!
Positioning fails somehow? Border should grow 1px on the left side? Simply
modify the CSS. Attribute missing? Simply modify the HTML of the page. And when
ready, save the result.

And developing AJAX web applications, Firebug is the ultimate tool to see the
request, the response and all headers.


Other Recent Stories...

  1. 01/28/2020Copyright Troll WarningThere's a copyright troll firm that has automated reverse-image searches and goes around looking for any posted images that they can make a quick copyright claim on. This is not quite a scam because it's technically legal, but it's run very much like a scam. This company works with a few "clients" that have vast repositories of copyrighted images. The trolls do a reverse web search on those images looking for hits. When they find one on a site that looks like someone they can scare, they work it like ...... 
  2. 03/26/2019Undestanding how OAUTH scopes will bring the concept of APPS to your Domino serverWhile a full description of OATH is way beyond what I can do in this quick blog entry, I wanted to talk a bit about how "SCOPES" interact with the already rich authorization model used by Domino. Thanks to the fantastic work by John Curtis and his team, the node.js integration with Domino is going to be getting a rich security model. What we know is that a user's authorizations will be respected through the node.js application to the Domino server -- including reader names, ACLs, Roles, and so on. The way ...... 
  3. 02/05/2019Toro Yard Equipment - Not really a premium brand as far as I am concernedDear Toro Customer Service, I arm writing about the following machine: Toro Power Max 1120 OXEModel:38654S/N:31000#### Specifically, bearing part #:63-3450 This is the part ($15 online / $25 at the local dealer) that caused me to raise my objections on-line. This piece of garbage is supposed to be a bearing. It carries the shaft which drives both stages of the auger. The shaft passes through the bearing (which is what bearings do) after the auger drive pulley as the shaft goes through the back (engine ...... 
  4. 10/08/2018Will you be at the NYC Launch Event for HCL Domino v10 -- Find me! 
  5. 09/04/2018With two big projects on hold, I suddenly find myself very available for new short and long term projects.  
  6. 07/13/2018Who is HCL and why is it a good thing that they are now the ones behind Notes and Domino? 
  7. 03/21/2018Domino Apps on IOS is a Game Changer. Quit holding back. 
  8. 02/15/2018Andrew’s Proposed Gun Laws 
  9. 05/05/2016Is the growing social-sourced economy the modern back door into socialism? 
  10. 04/20/2016Want to be whitelisted? Here are some sensible rules for web site advertising 
Click here for more articles.....

pen icon Comment Entry
Your Name
*Your Email
* Your email address is required, but not displayed.
Your thoughts....
Remember Me  

Please wait while your document is saved.