I wrote a short tutorial on one way I use Chromebug when developing Firebug.

The job was to find the code for  the source link in the Style side panel for the HTML panel. By using inspect, I find the HTML div for the Style panel entry, then search the source for the CSS class name on the div. That gets me close a lot of the time.

getfirebug.com has new releases. All are bug fix releases.

In its effort to be compact, Firebug has some user interface features that, ah, require some experience. One is the Firebug Menu: yup the Firebug icon in the upper left corner of the user interface is actually a menu.

Someday I hope we can change its styling to outline it so it looks like a button….

Now if you open Firebug in its own window, the button does not exist, and the menu is under “View”.

And if you open Firebug in its own window on the Mac, neither the button nor the View menu exists. I’m guessing the View menu is off whereever Mac puts them, but I can’t see a Mac from here…

Here’s how you can group output in Firebug’s console:

function groupit()
{
    console.group("group this");
        console.log("level 1 log")
        console.group("group level 2");
            console.warn("level 2 warn")
            console.info("level 2 info")
        console.groupEnd();
        console.log("level 1 log");
    console.groupEnd();
    console.log("ungrouped log");
}

The result is

This example is from Joe Hewitt’s original tests