Display JSON as HTML
关于如何将JSON嵌入到HTML页面中,并将JSON格式化为人类可读的样式,有什么建议吗?例如,在浏览器中查看XML时,大多数浏览器都显示XML格式(缩进、适当的换行符等)。我想要相同的JSON最终结果。
颜色语法突出显示将是一个额外的好处。
谢谢
可以将json.stringify函数与未格式化的json一起使用。它以格式化的方式输出它。
1 | JSON.stringify({ foo:"sample", bar:"sample" }, null, 4) |
这个转弯了
1 | {"foo":"sample","bar":"sample" } |
。
进入之内
1 2 3 4 | { "foo":"sample", "bar":"sample" } |
。
现在,数据是一种可读的格式,您可以使用@a.levy建议的谷歌代码美化脚本对其进行彩色编码。
值得补充的是,IE7和旧版本的浏览器不支持json.stringify方法。
如果您有意为最终用户显示它,请将JSON文本包装在
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <html> <body> [cc] <wyn> [ { 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" } ] </wyn> |