Debugging


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


Wednesday, February 18th, 2009

YAML Debug: Page Info Debugger

Category: Debugging, Utility

Dirk Jesse pointed us to his YAML Debug project, a cool little bookmarklet with a nice interface: While he talks about its special abilities when mated with YAML-powered websites, its general abilities are quite handy indeed, including highlighting various code quality and accessibility metrics, conditionally removing style sheets, viewing layout information, and more. One interesting Read the rest…

Posted by Ben Galbraith at 9:00 am
1 Comment

++++-
4.5 rating from 22 votes

Friday, February 6th, 2009

FireScope: Add a Web reference to your Firebug

Category: Debugging, Utility

Firescope is a nice new Firebug extension that adds a reference tab to your debugging pane as well as hooks into your context menu. Features You can search for HTML elements, HTML attributes, or CSS properties (or any combination). The search happens live as you type, so usually you’ll only have to type one or Read the rest…

Posted by Dion Almaer at 9:24 am
1 Comment

++++-
4.3 rating from 34 votes

Thursday, January 8th, 2009

Firebug 1.3 Final Release

Category: Debugging

Rob Campbell posted on the 1.3 final release of Firebug, the stable release for the Firefox 3 world: Release notes are here. As mentioned previously, this version will not be compatible with Firefox 3.1 (Shiretoko) and up. For that you’ll need a Firebug 1.4 alpha, soon to be dubbed beta available on getfirebug.com’s releases directory. Read the rest…

Posted by Dion Almaer at 9:00 am
4 Comments

++++-
4.7 rating from 49 votes

Wednesday, January 7th, 2009

Watch out for the zoom; Debugging fun with Canvas

Category: Canvas, Debugging

Ben was cursing at a bug in some canvas code that he was playing with, where the rendering was off. One piece of his UI was blurred instead of crisp. The debugging exersize was fun, and he shares it with you on his personal blog. The moral of the story is: watch out for that Read the rest…

Posted by Dion Almaer at 8:49 am
7 Comments

++++-
4 rating from 11 votes

Monday, January 5th, 2009

Extending WebKit’s Web Inspector a la Firebug

Category: Debugging

Alvaro Videla has a fun post on extending the WebKit Web Inspector with something a little strange…. a game: Alvaro walks through how to take some JavaScript/CSS/HTML and plug it into the inspector world (normally hidden somewhere like /Applications/WebKit.app/Contents/Frameworks/10.5/WebCore.framework/Versions/A/Resources/inspector) and adding panels (e.g. see the new game panel here:) < View plain text > javascript Read the rest…

Posted by Dion Almaer at 7:06 am
Comment here

+++--
3.8 rating from 11 votes

Thursday, December 18th, 2008

FireUnit: JavaScript Unit Testing Extension

Category: Debugging, Firefox

John Resig and Jan Odvarko have announced something pretty darn cool, FireUnit. FireUnit provides a simple JavaScript API for doing simple test logging and viewing within a new tab of Firebug. The example given shows the API nicely: < View plain text > javascript // Simple true-like/false-like testing fireunit.ok( true, "I’m going to pass!" ); Read the rest…

Posted by Dion Almaer at 1:57 am
5 Comments

++++-
4.5 rating from 46 votes

Tuesday, December 2nd, 2008

XBug: New JavaScript Debugger

Category: Debugging, Utility

Greg Salisbury has released a new JavaScript debugger called XBug that “currently runs on the Windows XP/Vista platform, but, it can also be used to debug webpages on Windows or Linux servers. It’s cross-browser compatible, and works with Chrome, Firefox 2/3, IE 6/7, and Safari 3. After selecting your web page, you can then trace Read the rest…

Posted by Dion Almaer at 4:39 am
7 Comments

+++--
3.8 rating from 27 votes

Monday, November 24th, 2008

Interactive iPhone Console using JSCocoa

Category: Debugging, iPhone, JavaScript

KUMAGAI Kentaro has created a JSCocoa based interactive console for the iPhone: I’ve been struggling with transform property of UIView for long time. at last, I’ve decided to create UIMonkey that allows to manipulate the variables by trial and error through HTTP in Javascript with SpiderMonkey. Few days after I’ve started the project, I found Read the rest…

Posted by Dion Almaer at 6:12 am
Comment here

+++--
3.2 rating from 9 votes

Tuesday, November 11th, 2008

Firebug tricks, Dojo style

Category: Debugging, Dojo

Tom Trenka has a nice posting on Dojo and Firebug Tricks for Development where he shares two of his own: Trick #1: using window.location.search to enable Firebug Lite on the fly With the Dojo Toolkit, I find this trick indispensable. The basic concept is to use the original version of the djConfig variable—the object-based one—using Read the rest…

Posted by Dion Almaer at 6:25 am
4 Comments

+++--
3.3 rating from 43 votes

Thursday, October 2nd, 2008

Symfony Firebug Extension: Firesymfony

Category: Debugging, PHP

Alvaro Videla just wrote in to tell us about Firesymfony, a Firebug extension that provides an alternative to Symfony’s built-in web debug toolbar. sometimes the toolbar position makes impossible to use some features of the layout of our website, like a link menu on the top right corner. It also happens that while we display Read the rest…

Posted by Ben Galbraith at 10:58 am
5 Comments

++++-
4.3 rating from 21 votes

Tuesday, August 26th, 2008

Firebug 1.2: The final release is out there

Category: Debugging, Firefox

John has announced the Firebug 1.2 final release. As well as just supporting Firefox 3, there are some quality improvements: The Script panel (the JavaScript debugger), the Net panel (network monitoring), and Console panel have all seen considerable updates. They’re all much more performant and have a huge number of bug fixes. Specifically the Console Read the rest…

Posted by Dion Almaer at 8:11 am
4 Comments

++++-
4.7 rating from 39 votes

Friday, August 8th, 2008

Firebug Working Group Meetup

Category: Debugging

Steve Souders hosted the Firebug Working Group meeting at Google last week, and after seeing how detailed his notes are I wish I could hire him as my personal assistant ;) Highlights Firebug 1.2 is nearing final beta. After testing it’ll be promoted to stable. The main focus for the next release is going to Read the rest…

Posted by Dion Almaer at 1:06 pm
2 Comments

++++-
4.1 rating from 23 votes

Friday, July 25th, 2008

Firebug Lite 1.2; Now with improved lite-ness

Category: Debugging, Performance

Steve Souders gave a talk at OSCON yesterday where he demonstrated the new Firebug Lite 1.2. Today Firebug Lite 1.2 was released. This new version was built by Azer Koçulu, creator of pi.debugger. Azer joined the Firebug Working Group, morphed the GUI to look Firebug, and added it to the Firebug code base. Firebug Lite Read the rest…

Posted by Dion Almaer at 8:51 am
12 Comments

++++-
4.6 rating from 65 votes

Monday, July 21st, 2008

WebMonkey’s Five Best Firebug Extensions

Category: Debugging, Plugins

Adam DuVander over at WebMonkey has compiled a list of their five favorite Firebug extensions. The ever-popular YSlow tops the list, but to that they add: Firecookie for easy access to cookie information FirePHP to integrating server-provided PHP debugging information with the Firebug UI Pixel Perfect for overlaying mock-ups on top of the real thing Read the rest…

Posted by Ben Galbraith at 9:06 am
11 Comments

++++-
4.5 rating from 31 votes

Friday, July 18th, 2008

Firebug to get a boost

Category: Debugging

Great news for all Web developers out there (that be you!). Firebug is going to get a shot in the arm. Joe Hewitt has had to slow down his work on the tool, and thus the Firebug Working Group was created, to try to make the tool continue to thrive. The work has been mainly Read the rest…

Posted by Dion Almaer at 8:46 am
37 Comments

++++-
4.6 rating from 82 votes

Wednesday, July 9th, 2008

Extending Firebug Tutorials

Category: Debugging

Jan Odvarko, a member of the Firebug Working Group, has kicked out a set of tutorials on extending Firebug. If you have some functionality that fits into the performance world, instead of creating a new plugin, you can embrace and extend Firebug as other great tools such as YSlow have done. To learn more, read Read the rest…

Posted by Dion Almaer at 8:43 am
Comment here

++++-
4.5 rating from 31 votes