Debugging methods and tools for better, faster development. Featured debugging applications include Firebug, YSlow, and others.

Tuesday, June 3rd, 2008

Dojo Firebug Lite: Beyond console.log

Category: Debugging, Dojo

Mike Wilcox has posted on Firebug Lite for Dojo and shows how he has taken it beyond console.log(). I was most excited about the DOM inspector: Yes, I did say that a DOM inspector would imitate existing tools. However, I implemented this for a colleague who was struggling with a particularly nasty IE 6.0 bug Read the rest…

Posted by Dion Almaer at 6:45 am

3.5 rating from 26 votes

Thursday, May 22nd, 2008

Firebug 1.2 beta for Firefox 3 RC 1

Category: Debugging, Firefox

Firebug 1.2 beta is in the wild. The latest beta of the bug your FF3RC will love features: Enablement UI Disable always: when the Firebug UI is not active on any page, the debugger is disabled (minimal overhead) Instant on: when the Firebug UI is active, HTML, CSS, DOM views activate (minimal overhead) Script panel Read the rest…

Posted by Dion Almaer at 8:13 am

4.4 rating from 57 votes

Tuesday, May 6th, 2008

Opera Dragonfly: New Web Tooling

Category: Debugging, Opera, Utility

Opera has posted what looks like a great new Web debugging tool Opera Dragonfly which is released in alpha. Debug JavaScript, inspect CSS and the DOM, and view any errors – Opera Dragonfly makes developing using Opera easier than ever, both on your computer and mobile phone. Shawn Lauriat has a nice write-up that tells Read the rest…

Posted by Dion Almaer at 2:38 pm

4.7 rating from 37 votes

Wednesday, April 30th, 2008

Events Compatibility Tables

Category: Browsers, Debugging, Showcase

PPK has published new event compatibility tables that test the event registration models (traditional, W3C and Microsoft) as well as event bubbling and capturing. There is a lot of data here on the quirks of the various browsers.

Posted by Dion Almaer at 10:52 am

4.5 rating from 13 votes

Tuesday, April 8th, 2008

Pi.Debugger: Cross browser debugging

Category: Debugging

Azer Koçulu has added to pi.comet with a new cross browser debugger pi.debugger. The look is inspired by Firebug: Check out the open source project.

Posted by Dion Almaer at 4:59 am

3.9 rating from 13 votes

Monday, March 31st, 2008

Browser CSS float error detection with jQuery

Category: Browsers, CSS, Debugging, jQuery

Mario Heiderich of Ormigo has created a jQuery based code snippet/bookmarklet that is capable of detecting floating errors and adding a dotted orange border to elements which should be cleared – but aren’t. It saved me a huge bunch of time debugging complex layouts for all browsers – especially IE6. If jQuery isn’t already loaded Read the rest…

Posted by Dion Almaer at 6:30 am

4 rating from 25 votes

Help Debug Firebug

Category: Debugging, Firefox

There are some bleeding edge releases in the world of the Firebug. A new alpha version of Firebug 1.2 is available for testing. It has several performance improvements, and some new UI. Give it a go and report any issues. Also, ChromeBug takes Firebug into the world of debugging full Firefox extensions. It depends on Read the rest…

Posted by Dion Almaer at 6:01 am

4.5 rating from 26 votes

Wednesday, March 26th, 2008

TraceTool: Now with open source JavaScript client

Category: Debugging, Utility

Thierry Parent has released a new version of TraceTool, his open source tracer program, with a JavaScript client. The javascript TraceTool API is a cross browser (tested under Internet Explorer 6, Internet Explorer 7, Firefox 2 and Opera for mobile) and cross domain tracing solution (maybe the first one). The viewer can be installed on Read the rest…

Posted by Dion Almaer at 11:11 am
Comment here

3.9 rating from 16 votes

Thursday, March 6th, 2008

Firecookie: Put you hand in the cookie jar with Firebug

Category: Debugging

Jan Odvárko “missed two movie nights” to create cookie support in Firebug. His Firebug plugin, Firecookie, gives you access to view, search, create, remove, and manage the permissions of a cookie, all from within a Firebug tab. Firecookie creates a log entry every time when a cookie is created, changed, deleted or rejected (an option Read the rest…

Posted by Dion Almaer at 7:34 am

4.7 rating from 32 votes

Wednesday, February 6th, 2008

Firebug 1.1 and

Category: Debugging, Firefox

John J Barton has been working hard on Firebug 1.1, but the work has been in the dark a little unless you are paying attention. He has been putting releases up, and Kris Zyp has been kind enough to host I have talked to a few people recently who keep Firefox 2 around just “because Read the rest…

Posted by Dion Almaer at 12:04 am

4.1 rating from 40 votes

Monday, January 28th, 2008

Graceful Degradation of Firebug Console Object

Category: Debugging, JavaScript, Tip

Paul Irish saw the following graceful degradation of Firebug code in the Yahoo! media player: // code yanked from the Yahoo media player. Thanks, Yahoo. if (! (“console” in window) || !(“firebug” in console)) { var names = [“log”, “debug”, “info”, “warn”, “error”, “assert”, “dir”, “dirxml”, “group” , “groupEnd”, “time”, “timeEnd”, “count”, “trace”, “profile”, “profileEnd”]; Read the rest…

Posted by Dion Almaer at 6:37 am

4.7 rating from 339 votes

Friday, January 25th, 2008

Debug apps with Drosera for Windows

Category: Debugging, Utility, WebKit

We all talk about Firebug, which is a fantastic tool for debugging, but there are some others out there. WebKit comes with Drosera, which until now has been hard to get going on Windows (you could build from source). Now Drosera is in WebKit nightlies on Windows as Kevin McCullough of Apple told us: Our Read the rest…

Posted by Dion Almaer at 6:39 am

4 rating from 19 votes

Tuesday, November 13th, 2007

Mozilla hunting for memory

Category: Debugging, Firefox, Performance

Firefox used to be the lean mean fast browser. Well, definitely fast. People flocked to it, in part, due to its speed. These days it seems like it is falling back and people are jumping on WebKit nightly, Opera, and even IE 7 as faster alternatives. Mozilla is a little flummoxed by the birds memory Read the rest…

Posted by Dion Almaer at 7:09 am

4.1 rating from 30 votes

DebugBar 5: New CSS debugging for IE

Category: CSS, Debugging, IE

Jean-Fabrice Rabaute, author of Companion.JS, has put out a new DebugBar as he aims to get IE developer tools on par to Firebug. In this new version, on a selected element in the DOM Tree, the DebugBar can now display source code, applied style (with css details), computed style, layout, and attributes.

Posted by Dion Almaer at 5:46 am

4.2 rating from 47 votes

Thursday, October 4th, 2007

YSlow 0.8: Fixing the Firebug Net Panel

Category: Debugging, Utility, Yahoo!

I got to spend a little time with Steve Souders, Chief Performance Yahoo!, and not only is he a really good guy, he has a lot of great experience at getting web sites performing. I have a full writeup of his talk on Web Performance where he discusses his 14 rules of performing sites, how Read the rest…

Posted by Dion Almaer at 7:00 pm

3.7 rating from 29 votes