跳到主要內容

JSON 格式化工具

一鍵美化、壓縮與驗證 JSON,自動偵測語法錯誤。

一行進去,看得懂出來

一段壓縮過的 API 回傳,以及同一份資料格式化之後的樣子。

輸入
{"id":42,"tags":["draft","zh"],"meta":{"ok":true,"score":9.5},"note":null}
輸出
{
  "id": 42,
  "tags": [
    "draft",
    "zh"
  ],
  "meta": {
    "ok": true,
    "score": 9.5
  },
  "note": null
}

注意 null 出來還是 null,不是字串 "null"。如果你的變成有引號的,那是上游就已經把它存成字串了。

什麼是 JSON 格式化工具?

JSON 是前後端資料交換最常用的格式,但機器產生的 JSON 往往被壓成一長串難以閱讀。這個線上 JSON 格式化工具能一鍵把雜亂的 JSON 美化成清楚的縮排結構,或反過來壓縮成最小體積,同時即時驗證語法、指出錯誤位置。

如何使用

  1. 把要處理的 JSON 貼進左側輸入框。
  2. 選擇縮排(2 空格、4 空格或 Tab)。
  3. 點「美化」讓 JSON 易讀,或點「壓縮」壓成一行。
  4. 結果顯示在右側,可一鍵複製;若有語法錯誤,狀態列會提示原因。

使用情境

  • 檢視 API 回傳的資料結構。
  • 把設定檔整理成一致的縮排風格。
  • 上線前壓縮 JSON 以減少傳輸體積。
  • 驗證手寫 JSON 是否合法。

為什麼貼進來的 JSON 一直說無效?

你從瀏覽器開發者工具或 API 測試工具複製出一整行壓縮過的回傳,眼睛根本看不出結構。貼進來按一下,縮排、層級一目了然,紅字也會直接標到出問題的那一行,省去逐字數括號的痛苦。不過要提醒:這裡只做格式化與語法驗證,不會幫你修正資料邏輯或補上缺少的欄位。最常見的「無效」其實不是你的錯覺,而是 JSON 規格比想像中嚴格——它不允許尾逗號、單引號、註解。從 JavaScript 或 Python 直接複製過來的物件常帶這些寫法,看起來很像 JSON,卻通不過驗證,把它們清掉多半就過了。

錯誤訊息裡的位置該怎麼讀?

讀位置,不要讀敘述。這一頁對幾種常見的壞 JSON 實際回傳:尾隨逗號 → ✗ JSON syntax error: Expected double-quoted property name in JSON at position 7 (line 1 column 8) [L1:8];單引號 → ✗ JSON syntax error: Expected property name or '}' in JSON at position 1 (line 1 column 2) [L1:2];少一個右括號 → ✗ JSON syntax error: Expected ',' or '}' after property value in JSON at position 12 (line 1 column 13) [L1:13]。注意最後一個:位置 12 是輸入的**結尾**,因為解析器要讀到沒有字元可讀才知道少了東西 —— 錯誤在左邊那個開頭的括號,回報在最右邊。當回報的欄位剛好是檔案的最後一個字元時,去找沒關的括號,不要讀它指的那一行。

常見問題

JSON 格式化工具會上傳我的資料嗎?

不會。所有格式化、壓縮與驗證都在你的瀏覽器本機以 JavaScript 完成,你貼上的 JSON 不會被送到任何伺服器,也不會被儲存。

可以處理很大的 JSON 檔嗎?

可以,只要不超過瀏覽器記憶體上限即可。數 MB 的 JSON 通常都能瞬間處理;若檔案非常巨大,建議在桌機瀏覽器操作。

為什麼會出現「語法錯誤」?

常見原因包括:多餘的逗號、屬性名稱沒有用雙引號、使用單引號、或含有註解。錯誤訊息會提示大概位置,依提示修正即可。

美化和壓縮差在哪?

美化會加上縮排與換行,方便人閱讀與除錯;壓縮則移除所有空白換成一行,體積最小,適合放進程式或 API 傳輸。

延伸閱讀

JSON 是什麼?5 分鐘看懂結構與常見錯誤 →

嵌入此工具

把這個工具免費放進你的網站或部落格 —— 複製下面的程式碼貼上即可(內含一條回到本站的連結)。