文本工具

JSON 格式化與檢視器

貼上 JSON 即刻在原地美化;點擊任意欄位,右側查看它的完整值與路徑。語法錯誤標註到行列,全部在瀏覽器本地完成。

美化與壓縮 點選查看欄位 錯誤定位到行列 100% 本地處理
縮進

為什麼需要它

每天都要讀 JSON 的人的趁手工具

接口響應、配置檔案、日誌負載——原始 JSON 常常是密不透風的一行。讓它可讀、找出寫壞的逗號,再按你需要的樣子放回去。

01

美化與壓縮一鍵切換

在人讀的樹形結構與機器傳的單行之間一鍵切換,2 空格、4 空格、Tab 三種縮進隨你代碼庫的風格選。

02

錯誤定位到行列

語法錯誤直接給出 L12 : C34 這樣的行列座標,而不是一句晦澀的解析器報錯,少了哪個逗號、哪個引號一目瞭然。

03

鍵名歸遞排序

物件鍵按字母序在每層遞迴排序,陣列元素保持原順序。對比配置、固化測試夾具時最實用。

04

字串轉義 / 反轉義

把整段 JSON 轉義成字串字面量,方便塞进程式或環境變數;也可以把日誌里 {\"a\":1} 形式的字面量還原回原始 JSON。

05

點選欄位查看完整內容

點擊編輯區裡的任意欄位,右側抽屜展開它的完整值、類型與 JSON 路徑;巢狀物件和陣列也能完整查看,不必再靠數括號確認內容。

06

完全本機執行

JSON 不離開瀏覽器,工具離線可用,輸入為空時不發起任何請求。

使用方式

縮排可在 2 空格、4 空格與 Tab 之間切換;需要傳給機器時一鍵壓縮成單行,需要穩定順序時遞迴排序物件鍵名,也可以把整段 JSON 轉義成字串字面量,或把日誌裡轉義過的字面量還原回來。

點擊任意欄位可在右側抽屜查看它的完整內容;鍵數、陣列元素與巢狀深度隨輸入即時統計。同一頁面可以平鋪多份 JSON 對照查看,每份內容互不影響。所有處理都在瀏覽器本機完成,內容不會上傳。

更多 JSON 工具

按用途挑選的第三方工具,本站不重複實現,需要時前往使用。

工具 用途 主要功能
JSON Editor Online 編輯與校驗 文本與樹形雙欄聯動,可拖拽調整結構,並內建 Diff、Schema 校驗與查詢。
JSON Crack 可視化 把 JSON 畫成可互動的節點圖,適合快速理解複雜嵌套與做演示。
JSON Visio 可視化 另一款圖形化檢視器,介面更輕,可以按習慣在它和 JSON Crack 之間選一個。
Diffchecker 對比 並排或統一視圖對比兩段文本,快速定位新增、刪除與修改的行。
JSONPath 查詢 線上執行 JSONPath 表達式,按路徑從 JSON 中取出想要的欄位。
JSONata 查詢與轉換 查詢並轉換 JSON 的運算式語言,帶線上 playground 和範例可參考。
quicktype 類型生成 把 JSON 轉成 TypeScript、Swift、Go 等語言的類型定義。
JSON Generator 生成資料 用範本生成結構化的 mock 資料,適合做介面測試用的樣本。

關於 JSON 格式化的細節

JSON 看著簡單,其實有幾條硬性規則——了解它們,能在解析器拒絕你的負載時少繞一圈。

什麼樣的 JSON 才算合法?

JSON 只定義了六種值:物件、陣列、字串、數字、布林、null。鍵必須是雙引號字串,不允許多餘逗號,也不允許註解。

JavaScript 裡的單引號、undefined、NaN、Infinity、尾隨逗號在嚴格解析器裡都會失敗——本工具標出來的正是這些。

「查看」和「格式化」有什麼區別?

格式化改變的是文本排版:縮排、換行與壓縮。查看則不動原文,只在你點擊某個欄位時,把它的完整值、類型和 JSON 路徑顯示在右側抽屜裡。

嵌套很深的物件在編輯區裡往往只剩層層括號,用點選查看可以直接確認某個欄位的實際內容,讀介面響應和日誌負載時尤其省事。

為什麼格式化後鍵的順序變了?

JSON 規範把物件視為無序鍵值對,解析器可以任意重排。實際上 V8(Chrome / Node)對字串鍵保持插入順序,但整數形態的鍵("1"、"42")永遠按數值排在最前。

如果你需要跨解析器都穩定的順序,打開「排序物件鍵名」——按字母序递归排序,對比設定檔時特別有用。

JSON 能表示多大的數字?

JSON 本身沒有上限,但 JavaScript 把所有數字都解析為 IEEE-754 雙精度浮點:超過 ±2^53(約 9 千萬億)的整數會丟精度——9007199254740993 會變成 9007199254740992。

負載裡如果有 64 位 ID 或納秒級時間戳,請保持為字串;本工具不會破壞它們,但粘進 JS 代碼裡就會。

什麼時候該壓縮而不是美化?

人讀的場景美化:程式碼評審、偵錯、寫文件。機器傳的場景壓縮:API 請求體、URL 參數、環境變數、.env 檔。

典型的 API 負載壓縮後能省 15–30% 位元組,且結構零變化——這是最划算的壓縮。

轉義是做什麼用的?

轉義把 JSON 包成字串字面量:引號變成 \",換行變成 \n,這樣它才能安全地嵌進另一個 JSON 值、shell 命令或環境變數裡。

反轉義就是還原。如果你從日誌裡複製過形如 {\"a\":1} 的內容,那就是轉義後的格式——粘過來點「反轉義」即可。

常見問題

我的 JSON 會被上傳或儲存嗎?

不會。所有處理都在瀏覽器裡用 JavaScript 完成,沒有任何請求會把 JSON 發出去,離線也能用;也不會寫入任何本機儲存,重新整理頁面後輸入即清空。

為什麼我的設定檔格式化失敗?

大概率不是嚴格 JSON:JSONC / JSON5 允許註解和尾隨逗號,YAML 靠縮進表達層級,.env 是 key=value。先去掉註解和尾隨逗號,或者改用對應格式的解析器。

排序鍵名會影響陣列嗎?

不會。陣列順序本身有語義(第一項、第二項……),永遠保持原貌;只有物件(包括陣列裡巢狀的物件)的鍵會按字母序遞迴排序。

「錯誤位置 L12 : C34」是什麼意思?

指解析器放棄的位置:第 12 行、第 34 欄(從 1 開始)。真正的錯誤通常就在這一點或它前面——上一行少了個逗號、某個引號沒轉義、或閉合括號前多了個尾隨逗號。

有大小限制嗎?手機上能用嗎?

沒有硬性上限——格式化幾 MB 的日誌輸出沒問題。特別大的輸入(幾十 MB)在低階裝置上可能略卡,因為每次按鍵都會重新解析和格式化。頁面是響應式的,編輯區會隨螢幕寬度自適應。

相關工具