关于如何将JSON以人类可读的格式嵌入到HTML页面中，有什么建议吗?例如，当您在浏览器中查看XML时，大多数浏览器都会显示格式化的XML(缩进、适当的换行等)。我希望JSON的最终结果相同。
颜色语法高亮显示将是一个奖金。
谢谢
当前回答
首先获取JSON字符串并从中生成真正的对象。循环遍历对象的所有属性，将项放置在无序列表中。每次你得到一个新对象，就创建一个新列表。
其他回答
如果您只是从调试的角度来做这件事，那么您可以使用一个Firefox插件(如JSONovich)来查看JSON内容。
新版本的Firefox目前正在测试中，它将在本地支持这一点(很像XML)。
下面是一个javasript工具，可以将JSON转换为XML，反之亦然，这应该会增强它的可读性。然后，您可以创建一个样式表来给它上色，或者将其完全转换为HTML。
http://www.xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html
像这样的事情??
pretty-json
https://github.com/warfares/pretty-json
生动的示例:
http://warfares.github.io/pretty-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。
首先获取JSON字符串并从中生成真正的对象。循环遍历对象的所有属性，将项放置在无序列表中。每次你得到一个新对象，就创建一个新列表。
推荐文章
- 在notepad++中格式化代码
- 表单中包含表单，可以吗?
- 如何创建表只使用<div>标签和Css
- html5 - canvas元素-多层
- 如何确保<select>表单字段被禁用时提交?
- 如何在HTML文本换行?
- 在VS Code中禁用“Comments are not allowed In JSON”错误
- 如何在Kotlin解析JSON ?
- 如何在JavaScript中转义单引号(')?
- JSON文件的蒙古导入
- 如何使用HTML/CSS在文本中插入空格/制表符
- 如何用jQuery / JavaScript解析JSON数据?
- jQuery在请求体中发布有效的json
- 用背景图像填充SVG路径元素
- 将JSON显示为HTML
