Archive for December, 2008

Firebug Docs: Using Chromebug on Firebug

Wednesday, December 17th, 2008

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.

Firebug Releases: Firebug 1.3b5, 1.4a8 and Chromebug 0.4a8

Friday, December 5th, 2008 has new releases. All are bug fix releases.

Firebug Tip: Its a Button!

Thursday, December 4th, 2008

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…

Firebug tip: make your console output hierarchical

Wednesday, December 3rd, 2008

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

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

The result is

This example is from Joe Hewitt’s original tests