關于如何將JSON嵌入到HTML頁面中，并將JSON格式化為人類可讀的樣式，有什么建議嗎？例如，在瀏覽器中查看XML時，大多數瀏覽器都顯示XML格式(縮進、適當的換行符等)。我想要相同的JSON最終結果。

顏色語法突出顯示將是一個額外的好處。

謝謝

tohtml.com/javaperties對我來說工作得很好；它使樣式"內聯"；對于簡單的復制和粘貼到其他東西非常有用。

查看我的庫azimi.me/json-formatter-js

可以將json.stringify函數與未格式化的json一起使用。它以格式化的方式輸出它。

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

這個轉彎了

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

。

進入之內

{

"foo":"sample",

"bar":"sample"

}

。

現在，數據是一種可讀的格式，您可以使用@a.levy建議的谷歌代碼美化腳本對其進行彩色編碼。

值得補充的是，IE7和舊版本的瀏覽器不支持json.stringify方法。

對于不支持json.stringify的瀏覽器(讓我們來說說，舊的IE)，有一個很好的polyfill可以用來獲得功能(json.org/js.html)。只要把它包括進去，你就會被覆蓋的很廣。

另一個技巧是，如果你放一個而不是縮進字段(4)，你會得到很好的換行符。

最好的答案是，做好工作，不需要包括第三方圖書館。

我在一個必須在html元素中顯示人工格式的JSON的用例中使用了這種方法，效果非常好。似乎做得很好。

它對我不起作用。最后我找到了解決辦法。這也許能解決你的問題。這里是：codematrics.com/how-to-display-json-data-in-format

把這個放在

如果您有意為最終用戶顯示它，請將JSON文本包裝在和標記中，例如：

[cc]

[

{

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"

}

]

總結

以上是生活随笔為你收集整理的json怎么转为HTML并显示,将JSON显示为HTML的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。