关于如何将JSON以人类可读的格式嵌入到HTML页面中，有什么建议吗?例如，当您在浏览器中查看XML时，大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。
颜色语法高亮显示将是一个奖金。
谢谢
当前回答
您可以使用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方法。
其他回答
像这样的事情??
pretty-json
https://github.com/warfares/pretty-json
生动的示例:
http://warfares.github.io/pretty-json/
可以使用JSON2HTML将其转换为格式化的HTML列表..可能比你真正需要的更强大一点
http://json2html.com
SyntaxHighlighter是一个用JavaScript开发的功能齐全的自包含代码语法高亮显示工具。要了解SyntaxHighlighter的功能，请查看演示页面。
这里有一个轻量级的解决方案，只做OP要求的，包括高亮显示，但没有其他:我如何使用JavaScript漂亮地打印JSON ?
如果您有意为最终用户显示它，则将JSON文本包装在<PRE>和<CODE>标记中，例如:
<html>
<body>
<pre>
<code>
[
{
color: "red",
value: "#f00"
},
{
color: "green",
value: "#0f0"
},
{
color: "blue",
value: "#00f"
},
{
color: "cyan",
value: "#0ff"
},
{
color: "magenta",
value: "#f0f"
},
{
color: "yellow",
value: "#ff0"
},
{
color: "black",
value: "#000"
}
]
</code>
</pre>
</body>
</html>
否则我会使用JSON Viewer。
