JSON 美化器
免費線上 JSON 美化器與 JSON 格式化工具，適合整理 API 回應、設定檔、測試資料與文件中的 JSON 片段。貼上可被 JSON.parse 解析的 JSON 文字後，即可在瀏覽器內用兩格縮排重新排版並查看樹狀結構，不需登入或上傳內容。
如何使用 JSON 美化器
- 將 JSON 文字貼到輸入框，最適合的內容是可直接被 JSON.parse 解析的 JSON 物件或陣列
- 點選「格式化」後，頁面會先解析目前內容，再用 JSON.stringify(obj, null, 2) 以固定兩格縮排重新輸出
- 解析成功時可直接在下方查看樹狀預覽；若需要帶走結果，可用「複製」取得目前文字框中的內容
- 想重新貼上其他資料時，可按「清除」清空文字與目前預覽
什麼是 JSON 美化器？
JSON 美化器的目的，是把壓成一行或縮排混亂的 JSON 文字重新整理成更容易閱讀的格式。這對 API 除錯、資料檢查、前後端串接與設定檔確認都很實用，因為你能更快看出物件層級、陣列結構與欄位內容。
這個頁面維持簡單單欄流程：一個文字框、三個操作按鈕，以及解析成功後顯示的樹狀預覽。當你按下「格式化」時，頁面會先嘗試用 JSON.parse 解析目前文字，再用 JSON.stringify(obj, null, 2) 重新輸出；如果 JSON 不合法，頁面只會顯示目前的通用錯誤提示，並隱藏預覽。
因此，這個工具同時涵蓋 JSON 格式整理、可否成功解析的基礎檢查，以及格式化後的結構檢視，但不延伸成完整 JSON 編輯器。它的定位是讓你在瀏覽器裡快速貼上、整理、閱讀與複製 JSON。
工具特色
- 使用 JSON.parse 做基礎語法檢查，只有可成功解析的 JSON 才會被重新排版
- 格式化結果固定採用兩格縮排，方便閱讀、貼回程式碼、文件或工單並維持一致風格
- 解析成功後會顯示 vue-json-pretty 樹狀檢視，方便快速查看巢狀資料結構
- 複製功能只會複製目前文字框中的內容，適合把整理後的 JSON 直接帶去其他工具或編輯器
- 所有處理都在瀏覽器本機完成，不需把 JSON 上傳到伺服器
常見使用情境
- 整理 API 回應、Webhook 範例或測試資料，讓欄位層級更清楚
- 檢查設定檔、前端模擬資料或後端輸出是否為可解析的 JSON
- 把壓縮成單行的 JSON 重新排版後，再貼回文件、工單、技術筆記或開發討論串
- 用樹狀檢視快速確認物件與陣列的巢狀關係，減少人工閱讀負擔
- 在分享資料前先格式化 JSON，讓團隊成員更容易閱讀、討論與比對
常見問題
這個頁面可以順便驗證 JSON 嗎？
可以，但範圍只限於能不能被 JSON.parse 成功解析。也就是說，它能幫你判斷目前文字是不是有效 JSON，不能提供完整語法檢查規則、欄位檢查或結構描述驗證。
為什麼按了格式化卻出現 JSON 格式錯誤？
代表目前貼上的內容不是有效 JSON，例如少了引號、逗號、括號不成對，或混入了註解與尾逗號等 JSON 標準不接受的寫法。這個頁面會維持目前的通用錯誤提示，不會額外標出行號；修正後再按一次格式化即可。
這個工具支援 JSON5、註解或結尾多餘逗號嗎？
不支援。這個頁面是以標準 JSON 為前提，只接受能直接被 JSON.parse 解析的內容。
內容會被上傳或儲存到伺服器嗎？
不會。格式化、複製與樹狀預覽都在瀏覽器內完成，頁面本身沒有要求你把貼上的 JSON 送到後端處理。
可以調整縮排空格數、排序鍵名或切換成壓縮模式嗎？
目前不行。這個頁面只提供固定兩格縮排的 JSON 美化流程，沒有鍵名排序、壓縮輸出、格式轉換或其他進階選項。
格式化成功後看到的樹狀畫面是什麼？
那是根據目前成功解析的 JSON 所產生的樹狀預覽，用來協助你閱讀層級與欄位結構。它不是第二份可編輯輸出，真正可複製的內容仍是上方文字框中的 JSON。
注意事項
- 建議貼上標準 JSON 文字，最常見的輸入形式是 JSON 物件或陣列；若來源混入註解或尾逗號，需先自行修正
- 若解析失敗，頁面只會顯示通用錯誤提示，不會提供行號、修復建議或自動補正
- 樹狀預覽只會在格式化成功後顯示；一旦 JSON 不合法，預覽會被清空
- 這個工具不包含檔案上傳、網址抓取、結構描述驗證、差異比對或格式轉換功能