JSON 檢視器

格式化、校驗並檢視 JSON 文件,支援鍵排序與摺疊展開。

格式化、校驗並檢視 JSON 文件,支援鍵排序與摺疊展開。 格式化、校驗並檢視 JSON 文件,支援鍵排序與摺疊展開。

Array

        
    

背景知識

什麼是 JSON,為什麼要用檢視器

JSON(JavaScript Object Notation)是 Web 上最常用的結構化資料交換文本格式:配置檔案、API 響應、日誌、文件儲存幾乎都用它。它小、可讀、易於機器解析,幾乎每個現代服務都會講它。

原始 JSON 文件幾乎不可直接閱讀。API 和工具經常輸出一整行緊湊文本,因為這才是最短表示。在編輯器裡開啟這樣的文件很難掃讀,很難發現括號不匹配,數大括號時容易走神。JSON 檢視器通過統一縮排重新輸出,讓結構一目瞭然。

關鍵特性

格式化允許你選擇縮排(常用兩空格或四空格)並立即重新渲染文件。一些檢視器還支援按鍵名字典序排序,這在比較同一服務的兩個負載時極其有用:鍵按列對齊後,無需按位置匹配就能掃到值差異。統計行顯示位元組數和節點數,方便在 1 MB 限制的表單裡貼上前知道大小。

檢視器也是校驗器。用 JSON.parse 解析時會丟擲精準的錯誤,指向第一個非法 token 的行列號,你立刻能看出文件為何載入失敗。多數生產工具都在同一位置報錯,所以你在這裡看到的訊息與後端、前端框架或構建流水線報錯完全一致。

工作流建議

面對深層巢狀文件時,用摺疊/展開控制元件聚焦頂層,再下鑽到你關心的分支,複製所需片段。如果你在除錯 API 響應,比較前先排序鍵,讓插入/刪除不至於擾亂你的視線。拿不準時,把文件貼上到新標籤,調整格式,把輸出當作文件或提交資訊的規範版本。

完全使用瀏覽器原生 JSON.parse 與 JSON.stringify 自研實現。輸入資料不會離開瀏覽器。

常見問題

檢視器會保留 JSON 文件裡的註釋嗎?
標準 JSON 不允許註釋。如果輸入含有 // 或 /* */ 註釋,解析器會拒絕;請先刪除,或用專用工具把檔案轉成 JSON5/JSONC。
為什麼位元組數和從 API 複製的對不上?
位元組數是渲染後輸出的大小。開啟 2 空格美化後輸出會變長。如果需要線上傳輸大小,請使用未縮排模式。
檢視器能處理很大的 JSON 文件嗎?
可以。檢視器在記憶體中解析整個文件再重新輸出,所以實際上限是你瀏覽器的可用堆(現代筆記本上通常幾百 MB 沒問題)。GB 級別請考慮流式方案。
排序鍵會改變文件含義嗎?
不會。JSON 物件是無序的鍵值對集合。排序只改變輸出文本,不改變語義。多數解析器都會把鍵讀入雜湊表,與順序無關。
為什麼解析器在特定列上提示 Unexpected token?
JSON.parse 報告的是它無法理解的首個 token。給出的行列是該 token 的起點;真正的錯誤往往在前一個字元(未轉義引號、漏逗號或物件末尾多餘的逗號)。
我的文件會上傳到伺服器嗎?
不會。所有解析、排序、格式化都通過瀏覽器原生 JavaScript API 在本地完成,沒有上傳步驟。