2025-04-12 10:00:01

将JSON显示为HTML

关于如何将JSON以人类可读的格式嵌入到HTML页面中,有什么建议吗?例如,当您在浏览器中查看XML时,大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。

颜色语法高亮显示将是一个奖金。

谢谢


当前回答

SyntaxHighlighter是一个用JavaScript开发的功能齐全的自包含代码语法高亮显示工具。要了解SyntaxHighlighter的功能,请查看演示页面。

其他回答

您可以使用JSON。使用未格式化JSON的stringify函数。它以格式化的方式输出。

JSON.stringify({ foo: "sample", bar: "sample" }, null, 4)

{ "foo": "sample", "bar": "sample" }

into

 {
     "foo": "sample", 
     "bar": "sample" 
 }

现在数据是可读的格式,您可以使用@A建议的谷歌代码美化脚本。Levy对其进行颜色编码。

值得补充的是,IE7和更老的浏览器不支持JSON。stringify方法。

如果您只是从调试的角度来做这件事,那么您可以使用一个Firefox插件(如JSONovich)来查看JSON内容。

新版本的Firefox目前正在测试中,它将在本地支持这一点(很像XML)。

可以使用JSON2HTML将其转换为格式化的HTML列表..可能比你真正需要的更强大一点

http://json2html.com

SyntaxHighlighter是一个用JavaScript开发的功能齐全的自包含代码语法高亮显示工具。要了解SyntaxHighlighter的功能,请查看演示页面。

我想你的意思是这样的 JSON可视化

不知道你是否会用到它,但你可以问问作者。