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/
Comment Entry |
Please wait while your document is saved.
Thanks for the tip.
-Devin.