Firebug 1.0

Whilst holding out hope for consideration of a name change – introducing Firebug. “Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.” Of course, if the web page isn’t yours it won’t stay that way but it’s a nice way to experiment and learn.

Amongst the many features touted, I find the HTML development more intriguing. A brief breakdown;

View source live

“Firefox has a “View Source” window, but it doesn’t show you what the HTML source really looks like once it has been transformed by JavaScript. Firebug’s HTML tab shows you what the HTML looks like right now.”

See changes highlighted

“In any JavaScript-driven website, HTML elements are constantly being created, removed, and modified. Firebug highlights changes to the HTML in yellow immediately when they occur.”

Instant HTML editing

“Firebug gives you a really fun way to make experimental HTML changes and see them take effect instantly. You can create, delete, or edit HTML attributes and text just by clicking them and tabbing from one to the next. The changes will be applied immediately as you type.”

Find elements with the mouse

“Something in your page doesn’t quite look right and you want to know why. There’s no faster way to get answers than to click the “Inspect” button on Firebug’s toolbar and then prepare for immediate gratification.”

And there’s more…

There’s CSS Development, CSS Layout, Network Monitoring, Javascript Debugging, Finding Errors, DOM Exploration, Javascript Command Line and Javascript Logging.

All in all, a nice little package…