線上 JSON 解析工具

一鍵格式化、壓縮、驗證與樹狀檢視 JSON 資料。全部在瀏覽器端處理,你的資料不會離開本機。

輸入 JSON

支援拖曳檔案

輸出結果

等待輸入

為什麼選擇 JSON Decoder?

快速、隱私、零安裝 — 直接在瀏覽器解析你的 JSON。

即時格式化

一鍵將壓縮的 JSON 展開成易讀格式,支援縮排與自動語法高亮。

極致壓縮

移除全部空白與換行,產出最精簡的 JSON,方便 API 傳輸。

錯誤定位

解析失敗時會標示第幾行第幾欄,並顯示錯誤上下文,方便除錯。

樹狀檢視

可展開/收合的結構化檢視,一眼看懂巢狀結構,顯示陣列長度與鍵數。

隱私優先

全部在你的瀏覽器計算,資料不上傳到任何伺服器。

檔案匯入/匯出

支援拖曳.json 檔上傳,也能把處理結果一鍵下載成.json。

JSON Decoder 怎麼運作

純瀏覽器端 JSON 解析 — 不上傳、無 log、不打第三方 API。

1

貼上或拖入 JSON

把 JSON 字串貼進編輯器或拖入 .json 檔。瀏覽器用 FileReader 直接讀進 JavaScript 記憶體 — 沒有 XHR、沒有 fetch、沒有上傳。即使是好幾 MB 的 payload 也沒問題,parser 必要時會分塊處理。
2

瀏覽器原生 parser 執行

我們把字串交給 JSON.parse — 跟你瀏覽器處理每個 fetch response 用的 V8 / SpiderMonkey / JavaScriptCore parser 一模一樣。如果解析失敗,會直接告訴你壞掉的字元在第幾行第幾欄,讓你立刻修正。沒有 regex hack、沒有曖昧的錯誤訊息。
3

本地渲染樹狀視圖

解析完後,結果會用虛擬化 DOM 節點以可摺疊的樹狀呈現 — 即使 100,000 個 key 的物件仍能順暢維持 60 fps。可摺疊陣列、複製路徑、用鍵盤導覽。
4

格式化、壓縮、下載

選 2 / 4 / tab 縮排 pretty-print,壓縮成單行,複製到剪貼簿,或下載清理過的檔案。所有轉換都在瀏覽器中執行 — 結果 bytes 不會離開頁面。

常見使用情境

純瀏覽器解析 JSON 勝出的真實場景。

Debug API 回應

從 backend log 或 DevTools 複製被壓縮的 response body,貼進來,立即看到結構。不用裝 CLI 工具或設 jq alias。

檢查 JWT payload

JWT 中段 Base64 解碼後的 JSON 貼進來,立即看到 claims、過期時間、自訂欄位。Token 不會碰到任何發行它的伺服器以外的地方。

整理設定檔

把 CI 一直爆的格式爛掉的 .json 設定檔(Tailwind、ESLint、package.json、tsconfig)重新格式化。多餘逗號、重複 key 都會被抓出來。

比對 API 合約

開兩個瀏覽器分頁並排,貼新舊 schema。用樹狀視圖直接看出新增 / 刪除的欄位,不用 diff 一堆跳脫字串。

為什麼純瀏覽器處理在這裡很重要

你解析的 JSON 通常含真實客戶資料、API key、JWT secret、內部 ID、PII。多數線上 JSON 格式化工具會把你貼的 payload POST 到他們的伺服器 — 等於每一筆都被第三方 log。iKit JSON Decoder 是這個分頁裡的 JavaScript,parser 看得到你的資料,伺服器看不到。

解析期間零網路請求 — 可在 DevTools → Network 驗證。
頁面載入後可離線使用 — 拔網路也能正常解析。
沒有 server log、沒有限流、不用註冊、無每日額度。

常見問題

這個工具會上傳我的 JSON 資料嗎?

不會。所有解析與格式化都是在你的瀏覽器內執行的,資料不會離開本機。

支援多大的 JSON?

大多數現代瀏覽器可以順暢處理 1-10 MB 的 JSON。超大檔案 (>20 MB) 可能會比較慢或卡頓,建議用命令列工具處理。

為什麼出現 "Unexpected token" 錯誤?

通常表示 JSON 有缺少引號、多餘逗號、或使用了單引號。切到「錯誤訊息」分頁可以看到確切的行列位置。

支援 JSON5 或帶註解的 JSON 嗎?

目前只支援嚴格 RFC 8259 的 JSON。如有需要支援 JSON5 / JSONC 請告訴我們。

可以離線使用嗎?

第一次載入後,大部分資源會被瀏覽器快取;之後在有網路或沒網路的情況下都可以使用。