Friday, April 17th, 2009

FireDiff: Firebug extension to track changes to DOM and CSS

Category: Debugging, Firefox, Mozilla

Kevin Decker has released FireDiff a very cool Firebug extension that tracks changes to the page and CSS.

Firediff implements a change monitor that records all of the changes made by firebug and the application itself to CSS and the DOM. This provides insight into the functionality of the application as well as provide a record of the changes that were required to debug and tweak the page’s display.

The release, which you can find here uses recent features of the latest Firebug 1.4 code. Early days!

Posted by Dion Almaer at 8:59 am

4.3 rating from 42 votes


Comments feed TrackBack URI

That looks like a great tool — thank you for sharing!

Comment by davidwalsh83 — April 17, 2009

Do you need Firebug 1.4 to be able to use it?

Comment by hugoestr — April 17, 2009

Yep, you need Firebug 1.4…Straight out of the README.txt:


Firediff requires Firebug 1.4. The recommended version is 1.4a17 or higher. Prior

1.4 versions might work, but functionality such as CSS change tracking will not work.

Comment by strickn — April 17, 2009

Brilliant! This is exactly what I needed.
I always have to remember 5-10 changes i’m making tweaking
live with code, now no more need for my poor memory capabilities!

Comment by vsync — April 17, 2009

AddType application/x-xpinstall .xpi

Comment by Darkimmortal — April 17, 2009

Release location moved to to address the MIME type issue. The prior URL remains active, but future releases will be located at the new URL.

Comment by kpdecker — April 18, 2009

I see almost zero documentation for it.
I really hate to have to install stuff to see what it actually does.

(Sorry for complying about mystery meat in my free lunch)

Comment by MatsSvensson — April 20, 2009

What a pitty that FB 1.4 is still buggy :/

Comment by xpuu — April 20, 2009

Leave a comment

You must be logged in to post a comment.