輸入 JSON 後點選格式化
工具說明
關於 JSON 格式化工具
JSON 格式化工具會把壓縮、混亂或從日誌複製出的 JSON 重新縮排成可讀結構，並在語法錯誤時協助定位問題行。
此工具支援格式化、壓縮、驗證與樹狀瀏覽，全部在目前瀏覽器中完成，適合檢查 API 回應、設定檔與除錯 payload。
如何使用 JSON Formatter
- 將 JSON 貼到輸入框，或先用範例資料確認輸出格式。
- 按格式化可把單行 JSON 展開成有縮排的層級結構，按壓縮則移除空白成為單行。
- 如果 JSON 無效，先看錯誤提示的行列位置，再檢查逗號、引號與括號是否匹配。
- 確認結果後複製輸出，或切到樹狀檢視檢查深層欄位。
常見實務場景
- 除錯 API 時把後端回傳的一整行回應展開，快速找到巢狀欄位。
- 提交設定前檢查 package.json、manifest 或 mock 資料是否有尾隨逗號。
- 把要送到 API 的 payload 壓縮成一行，避免手動刪空白時破壞字串內容。
- 排查線上日誌中的跳脫 JSON，先格式化再搭配 Text Diff 與另一份回應比較。
JSON 語法與常見錯誤
標準 JSON 只允許物件、陣列、雙引號字串、數字、布林值與 null。多數錯誤來自符號不符合標準。
- 尾隨逗號： 最後一項後面不能多逗號。
- 單引號： JSON 字串與 key 都必須使用雙引號。
- 未加引號的 key: {name:"dev"} 是 JavaScript 物件寫法，不是 JSON。
- 註解： 標準 JSON 不支援 // 或 /* */，需要先移除或改用 JSON5。
JSON 格式化常見問題
- 我的 JSON 會上傳到伺服器嗎？
- 不會。格式化、壓縮、驗證與樹狀瀏覽都在瀏覽器本機執行，不會上傳到 wetool.site。
- Format 和 Minify 有什麼不同？
- Format 加入縮排與換行方便閱讀；Minify 移除不必要空白，適合傳輸或貼到單行設定。
- 為什麼會顯示 JSON 無效？
- 常見原因是尾隨逗號、單引號、未加引號 key、括號不匹配，或從日誌複製時帶入額外字元。
- 能處理較大的 JSON 嗎？
- 可以。較重的解析工作會盡量交給 Web Worker，避免大 payload 讓主畫面卡住。
- 支援 JSON5 或註解嗎？
- 此處依標準 JSON 驗證。含註解、單引號或尾隨逗號的 JSON5 需先轉為標準 JSON。
為什麼使用瀏覽器本機 JSON Formatter
許多 JSON 片段來自內部 API、token、日誌或使用者資料。本機處理可降低將敏感 payload 貼到第三方伺服器的風險，也方便離線或弱網時檢查格式。
嚴格 JSON 與 JSON5 遷移清單
許多「JSON prettify 失敗」的輸入其實是 JavaScript 物件或 JSON5。正式 API、設定與 log 欄位通常仍要求嚴格 JSON。
- 把單引號字串改成雙引號，key 也必須加雙引號。
- 移除尾隨逗號、// 註解與 /* */ 註解，再交給嚴格 JSON parser。
- NaN、Infinity、undefined、Date 物件與函式都不是合法 JSON 值，需要先轉成字串、數字、布林值、null、陣列或物件。
大型 JSON 除錯建議
大型 API 回應或日誌酬載不只要 prettify，也要避免瀏覽器卡頓與誤刪資料。
- 先格式化再搜尋欄位名稱，比在單行 JSON 裡搜尋巢狀路徑更可靠。
- 比較兩個 response 前先用相同縮排格式化，否則 diff 會被空白與單行結構干擾。
- 若 JSON 來自 log，先移除前後 timestamp、level、跳脫包裝或多餘文字，只保留真正 JSON 片段。