JSON查看器
免费在线使用 JSON查看器 无需安装即可使用工具
關於 JSON Viewer
直接在頁面中解析並美化輸出 JSON,以帶顏色、帶縮排的樹狀結構展示。每種值型別都有自己的顏色:物件鍵和 null 為紫色,布林值為藍色,數字為綠色,字串為橙色,花括號、方括號和逗號為灰色。當輸入無效時,檢視器會顯示原生的 JSON.parse 錯誤訊息。
如何使用
1. 將 JSON 貼到輸入文字方塊中。 2. 點擊 Parse。 3. 渲染後的樹狀結構會出現在可捲動的結果面板中,每個巢狀層級縮排 10 px。
樹狀渲染與顏色
物件渲染為 { key: value, ... },鍵為帶引號的紫色,花括號為灰色;陣列渲染為 [ item, item ],方括號為灰色。每個巢狀層級為其子元素增加 10 px 的左邊界,形成視覺縮排。字串帶外層雙引號顯示為橙色,數字為綠色,布林值為藍色,null 為紫色。各項之間的逗號以灰色繪製。樹狀結構是靜態的(不支援摺疊/展開);適用於檢查中小型文件。
▶我可以摺疊或展開樹中的節點嗎?
不可以。檢視器渲染的是完全展開的唯讀樹,沒有摺疊/展開控制項;對於大型文件,建議使用 JSON Formatter。
▶顏色代表什麼含義?
紫色標記物件鍵和 null;藍色標記布林值;綠色標記數字;橙色標記字串(帶引號);灰色標記花括號、方括號、冒號和逗號等結構標點。
▶縮排是如何套用的?
每個巢狀的物件或陣列為其子元素增加 10 px 的左邊界,從而在不依賴 JSON 原始碼內部空白字元的情況下生成視覺化的樹狀結構。
▶輸入無效的 JSON 會怎樣?
JSON.parse 會擲出錯誤,錯誤訊息會顯示在紅色的錯誤面板中。在輸入成功解析之前,結果面板會保持為空。
如果这个工具对你有帮助,请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。