将 JSON 显示为 HTML

Question

关于如何将 JSON 嵌入 HTML 页面并以人类可读的格式格式化 JSON 的任何建议？例如，当您在浏览器中查看 XML 时，大多数浏览器都会显示格式化的 XML（缩进、适当的换行符等）。我想要 JSON 的相同最终结果。

颜色语法突出显示将是一个奖励。

谢谢

原文由 John Muchow 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

这转

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

进入

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

现在数据是一种可读格式，您可以按照@A 的建议使用 Google Code Prettify 脚本。征收颜色代码。

值得补充的是， IE7 及更早版本的浏览器不支持 JSON.stringify 方法。

原文由 John 发布，翻译遵循 CC BY-SA 4.0 许可协议