Javascript Firebug/Chrome类值检查器小部件

Firebug和Chrome的控制台允许我

console.log

一些复杂的值，比如

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

然后我得到了这个neato小UI，用于检查控制台窗口中分层显示的值

我的问题是：像这个整洁的检查器这样的东西是否可以作为某种javascript小部件使用，这样我就可以将它包含在我的站点中？（我正在写一个网站，里面嵌入了一些简单的开发工具）

能满足您的需要吗