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.

http://www.getfirebug.com/

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.





http://www.getfirebug.com/


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.

-Devin.
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).

-Devin.
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.

Thomas
http://www.assono.de/blog.nsf/


Other Recent Stories...

  1. 05/05/2016Is the growing social-sourced economy the modern back door into socialism?Is the growing social-sourced economy the modern back door into socialism? I read a really insightful post a couple of days ago that suggested the use of social network funding sites like “Go Fund Me” and “Kickstarter” have come about and gained popularity in part because the existing economy in no longer serving its purpose for anyone who isn’t already wealthy. Have the traditional ways to get new ventures funded become closed to all but a few who aren’t already connected to them and so onerous as to make ...... 
  2. 04/20/2016Want to be whitelisted? Here are some sensible rules for web site advertisingAn increasing number of websites are now detecting when users have ad-blocking enabled, and refuse to show content unless you "whitelist" their site (disable your ad-blocking for them). I think that is a fair decision on their part, it's how they pay for the site. However, if you want me (and many others) to white list your site, there are some rules you should follow. If you violate these rules, I won't whitelist your site, I'll just find content elsewhere. 1. The total space taken up by advertisements ...... 
  3. 12/30/2015Fantastic new series on Syfy called “The Expanse” – for people who love traditional science fiction[] “The Expanse” is a new science fiction series being broadcast onthe Syfy channelthis winter. It’s closely based on a series of books by author James S. A. Corey beginning with “Leviathan Wakes”. There are 5 books in the “Expanse” series so far. If you’re a fan of the novels you’ll appreciate how closely the books are followed.TIP: The first five episodes are already available on Syfy.com. If you’re having trouble getting into the characters and plot, use those to get up to speed.The worlds created for ...... 
  4. 10/20/2015My suggestion is to stay away from PayAnywhere(dot)com  
  5. 08/07/2015Here is one for you VMWARE gurus - particularly if you run ESXi without fancy drive arrays 
  6. 08/06/2015The Killer of Orphans (Orphan Documents) 
  7. 06/02/2015Homeopathic Marketing: Traveler on my Android is now calling itself VERSE. Allow me to translate that for the IBM Notes community... 
  8. 03/17/2015A review of British Airways Premium Economy Service – How to destroy customer goodwill all at once 
  9. 02/26/2015There's a bug in how @TextToTime() and @ToTime() process date strings related to international standards and browser settings. 
  10. 01/21/2015Delivering two new presentations at Developer Camp (EntwicklerCamp) 2015 in Germany 
Click here for more articles.....


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

Please wait while your document is saved.