Javascript 库以调试器的方式在HTML中显示JS对象

目前，我正在寻找一种高效的（由其他人制作的）方式来表示HTML页面中的JS对象。理想情况下，我应该提供任意对象，库应该使用该对象的所有属性进行下拉或弹出，这些属性也可以被选择和查看。最终目标是使对象表示尽可能接近现代JS调试器接口

若我并没有得到我的观点，我想找到一个图书馆，它可以在网页上表示对象，如下图所示

所以我想问你们中是否有人知道一个图书馆可以帮助我做到这一点

更新：我发现firebug-lite-debug.js具有类似的功能，但这种方法需要未知的工作量来提取我需要的代码

---

Upadate：我最终使用了json格式化程序js。它能够渲染任何js对象，并以lasy方式进行渲染，因此只考虑对象的扩展部分。因此，可以将巨大的东西显示为窗口。

听起来您只是想要一个预先制作的小部件，将对象显示为HTML

我可能会从这样的事情开始

它会输出一个基本格式清晰的HTML字符串。您可以直接在页面中使用它，或者添加一些其他样式来帮助匹配页面的样式。你可以看看它是否能满足你的需要

---

（RunKit是一种很好的试用此类软件包的方法，因此您可以在不安装它们的情况下查看输出结果。）

我不知道这是否回答了您的问题，但是对于nodejs的早期版本，有一个名为

node inspector

的npm模块，可以使用Chrome调试器对客户端代码进行调试。请注意，这只适用于Chrome。但是，从关于nodejsv6开始，这个功能是作为nodejs的一部分提供的。谢谢！现在我有两个尸体解剖的候选者（FIrebug和node inspector）。看看会有多血腥：）谢谢！RunKit上的html stringify看起来很神奇，可以满足我的需要。