关于如何将JSON以人类可读的格式嵌入到HTML页面中,有什么建议吗?例如,当您在浏览器中查看XML时,大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。
颜色语法高亮显示将是一个奖金。
谢谢
关于如何将JSON以人类可读的格式嵌入到HTML页面中,有什么建议吗?例如,当您在浏览器中查看XML时,大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。
颜色语法高亮显示将是一个奖金。
谢谢
当前回答
如果您只是从调试的角度来做这件事,那么您可以使用一个Firefox插件(如JSONovich)来查看JSON内容。
新版本的Firefox目前正在测试中,它将在本地支持这一点(很像XML)。
其他回答
如果您只是从调试的角度来做这件事,那么您可以使用一个Firefox插件(如JSONovich)来查看JSON内容。
新版本的Firefox目前正在测试中,它将在本地支持这一点(很像XML)。
对于语法高亮显示,使用代码修饰。我相信这就是StackOverflow用来突出显示代码的方法。
将格式化的JSON包装在代码块中,并赋予它们“prettyprint”类。 在你的页面中包含pretty .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字符串并从中生成真正的对象。循环遍历对象的所有属性,将项放置在无序列表中。每次你得到一个新对象,就创建一个新列表。
下面是一个javasript工具,可以将JSON转换为XML,反之亦然,这应该会增强它的可读性。然后,您可以创建一个样式表来给它上色,或者将其完全转换为HTML。
http://www.xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html
可以使用JSON2HTML将其转换为格式化的HTML列表..可能比你真正需要的更强大一点
http://json2html.com