JSON 線上格式化

本地處理

app.formatter.view

也可透過 #data={"name":"Ada"} 或 #url=... 灌入資料，讀完即從位址列清除。

把擠成一行的介面響應展開成可讀結構。貼上後自動校驗語法、按縮排排版，並可選擇按 Key 排序。全部在當前標籤頁完成，適合除錯生產報文時不想把資料傳到第三方網站的場景。Network 面板裡複製下來的壓縮 JSON、日誌裡的單行報文，都可以直接貼進來看層級。

識別物件、陣列和巢狀層級，按 2 / 4 空格或 Tab 縮排。巢狀越深，縮排越能幫你對齊同級欄位，避免靠肉眼數括號。

和編輯器裡的 Prettier / 語言服務效果類似，但不需要新建檔案或安裝外掛，適合臨時看一眼響應體。

括號不配、逗號缺失或多餘時，會停在輸入側並提示錯誤。常見問題還包括單引號、未加引號的鍵名、以及從 JS 物件字面量直接複製過來的尾逗號。

若源文字本身是 JSON5（帶註釋），請先用 JSON5 工具轉成標準 JSON，再回來格式化。

可用 #data={...} 或 #url= 開啟頁面即填入，讀完會從位址列清除。適合從文件、工單或指令碼里拼一個可分享的連結，對方開啟就能看到同一份資料。

遠端 #url= 受瀏覽器 CORS 限制，本站靜態檔案或已開放跨域的地址才能拉取成功。

輸入（壓縮後）

 {"user":{"id":1001,"name":"張三","roles":["admin","editor"]}}

格式化結果

{
  "user": {
    "id": 1001,
    "name": "张三",
    "roles": [
      "admin",
      "editor"
    ]
  }
}

會改我的欄位值嗎？

不會。只調整空白和換行；勾選「排序 Key」時才會重排物件鍵的順序，值保持不變。

和壓縮工具有什麼區別？

格式化面向閱讀；壓縮面向傳輸。兩者可來回切換。

資料會上傳嗎？

不會。解析和排版都在當前瀏覽器記憶體中完成，重新整理或關閉標籤頁後內容即消失。

適合多大的檔案？

數 MB 以內一般沒問題。超過約 2 MB 可能變慢並提示警告；超過 10 MB 建議拆分或用 jq 等本地 CLI。