显示JSON为HTML
有关如何将JSONembedded到HTML页面中的任何build议，其中JSON格式为人类可读样式？ 例如，当您在浏览器中查看XML时，大多数浏览器都会显示XML格式（缩进，正确的换行符等）。 我想为JSON最终的结果。
颜色语法高亮将是一个奖金。
谢谢
您可以使用带有未格式化JSON的JSON.stringify函数。 它以格式化的方式输出。
JSON.stringify({ foo: "sample", bar: "sample" }, null, 4) 这转过来
{ "foo": "sample", "bar": "sample" }
成
{ "foo": "sample", "bar": "sample" }
现在，数据是可读的格式，您可以使用@Abuild议的Google Code Prettify脚本。 征收颜色代码。
值得一提的是， IE7和更旧的浏览器不支持JSON.stringify方法 。
如果您故意将其显示给最终用户，请将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查看器 。
为了突出语法，使用代码美化 。 我相信这是StackOverflow用于代码突出显示的内容。
- 用代码块包装你的格式化的JSON，并给他们“漂亮的”类。
- 在你的页面中包含prettify.js。
- 确保文档正文标签在加载时调用
prettyPrint()
您将在您的页面中显示的格式中突出显示JSON语法。 看这里的例子 。 所以如果你有这样的代码块：
<code class="prettyprint"> var jsonObj = { "height" : 6.2, "width" : 7.3, "length" : 9.1, "color" : { "r" : 255, "g" : 200, "b" : 10 } } </code>
它看起来像这样：
var jsonObj = { "height" : 6.2, "width" : 7.3, "length" : 9.1, "color" : { "r" : 255, "g" : 200, "b" : 10 } }
这不利于缩进，但其他答案似乎是解决这个问题。
我想你的意思是这样的： JSON可视化
不知道你是否可以使用它，但你可能会问作者。
这是一个轻量级的解决scheme，只做OP要求的内容，包括突出显示但没有别的： 我怎样才能用JavaScript打印JSON呢？
可以使用JSON2HTML将其转换为格式良好的HTML列表..可能会比你真正需要的更强大一点
SyntaxHighlighter是一个在JavaScript中开发的全function自包含代码语法高亮器。 要了解SyntaxHighlighter的function，请查看演示页面。
如果你只是想从debugging的angular度来看，你可以使用JSONovich这样的Firefox插件来查看JSON内容。
目前处于testing阶段的新版本的Firefox本来就支持这个（就像XML一样）
这里有一个javasript工具，将JSON转换为XML，反之亦然，这应该增强其可读性。 然后，您可以创build一个样式表来给它着色或者做一个完整的HTML转换。
http://www.xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html
你最好的select是使用你的后端语言的工具。 你使用什么语言？ 对于Ruby，请尝试json_printer 。
首先取出JSONstring，并从中创build实际的对象 。 循环对象的所有属性，将项目放置在无序列表中。 每次你到一个新的对象，build立一个新的列表。
