Firebug /类似Chrome的价值检查器小部件

Question

Firebug and Chrome's console allows me to console.log some complex value like

console.log({ 
    foo: { 
        bar: function() { ... }, 
        baz: [ 1,2,3 ]
    }
})

And then I get this neato little UI for inspecting the value hierarchically appearing in the console window.

My question is: is something like this neat inspector available as a javascript widget of some sort, so I can include it in my site? (I'm writing a site with some simple developer tools embedded in it)

Answer 1

Firebug Lite是否满足您的需求？