Wow there are some cool tricks here!

In Firefox any objects you pass to console.log are expandable, so you can say console.log("my hash", h). It seems to behave the same when you say console.log("my hash %o", h).

But there is a tricky thing that has really confused me in some debugging efforts: when expanded, the object display is "live", so it always shows the current properties of the object, not the properties as they were when you printed them. But the unexpanded view shows them as they were. So for example:

    h = {foo: "bar"}
    console.log(h)
    ▶ Object { foo: "bar" }
    h.foo = "BAR"

Then you click the triangle and you see:

    ▼ {..}
    |   foo: "BAR"
    | ▶ <prototype>: Object { .. }

I don't know if that's a bug or desired behavior, but watch out for it! In the past I've used console.log(JSON.stringify(h)) to capture the full object as-is. I guess turning it back into an object would be even nicer, so you could have a deep copy to navigate.