UrsaKit LogoUrsaKit

JSON 格式化工具

在瀏覽器內格式化、驗證與探索 JSON：可選 2 或 4 個空白縮排、鍵值排序、樹狀檢視、JSONPath，並精確指出錯誤所在的列與欄。

等待輸入

JSON 格式化工具是什麼？

JSON 格式化工具會把壓縮過或排版混亂的 JSON 重新整理成好讀、縮排一致的內容。解析的同時也會驗證資料，遇到多餘的逗號或單引號包住的鍵，會直接回報錯誤而不是默默接受。

除錯 API 回應、檢查設定檔，或貼上一段無法用肉眼讀懂的壓縮內容時，都會用到它。這裡的所有動作都在你的瀏覽器分頁內完成，私人資料不會離開你的裝置。

如何格式化與驗證 JSON

  1. 把 JSON 貼到左側的編輯器，或直接把 .json 檔拖進輸入區。
  2. 工作區會邊打字邊解析；格式有錯時，狀態列會顯示行、列與錯誤內容。
  3. 切換上方的能力分頁（格式化、壓縮、驗證、樹狀檢視、JSONPath、轉換、Schema、JWT），把工具切到單一任務。
  4. 按「格式化」重新縮排文件，或按「壓縮」移除所有不影響語意的空白。
  5. 複製結果、下載成檔案，或送到 JSON 轉 YAML、CSV 等相關轉換工具。

JSON 格式化範例

同一份資料在格式化前後的樣子，以及壓縮後的結果。

以 2 個空格美化排版

{"id":7,"tags":["a","b"],"meta":{"ok":true}}
{
  "id": 7,
  "tags": [
    "a",
    "b"
  ],
  "meta": {
    "ok": true
  }
}

壓縮資料

{
  "id": 7,
  "tags": ["a", "b"]
}
{"id":7,"tags":["a","b"]}

瀏覽器 JSON 工具與其他做法的比較

面向這個 JSON 工作區桌機 IDEcURL + jq
安裝開啟分頁，不用安裝任何東西要安裝並設定編輯器要安裝 jq 再用管線輸入
隱私資料留在瀏覽器裡在本機，但檔案會寫入磁碟在本機，但終端機歷史可能留下紀錄
錯誤回報打字時就顯示行與列由編輯器診斷一次只報一個錯
額外功能樹狀檢視、JSONPath、Schema、轉換工具看插件而定每個指令各自帶參數
最適合快速檢查與分享長時間重構寫成腳本的流程
常見問題

常見問題與規格

把 JSON 貼進來安全嗎？

安全。編輯器、樹狀檢視、JSONPath、格式轉換與 Schema 產生全部在你的瀏覽器分頁內執行，資料不會上傳到伺服器，也不會離開你的裝置。

JSON 格式化工具和驗證工具差在哪裡？

格式化改的是空白，讓文件好讀；驗證決定這份文件是不是合法的 JSON。這一頁在你輸入時就解析，兩件事都做；JSON 驗證工具頁則是只做檢查的精簡版本。

在 JavaScript 裡要怎麼格式化 JSON？

JSON.stringify(value, null, 2) 會回傳同樣的兩格縮排，把 2 換成 4 就是四格。只呼叫 JSON.stringify(value)、不加第三個參數，得到的就是壓縮後的版本。

格式化會改動我的資料嗎？

不會。只有空白會移動，鍵、值與順序都會保留。唯一的例外是「排序鍵值」：它會把物件的鍵依字母重新排序，讓兩份 payload 的差異比對保持穩定。

一定要裝 Chrome 擴充套件才能格式化 JSON 嗎？

不用。擴充套件的方便之處是會自動格式化你打開的每個 JSON 回應，但它需要讀取你造訪頁面的權限，也得持續更新。這一頁在任何瀏覽器開分頁就能用，不用安裝任何東西。

要怎麼保留原本的鍵值順序？

不要開啟「排序鍵值」，只做美化就好，文件會完整保留原本的鍵值順序。

為什麼我的 JSON 解析失敗？

常見原因有：尾隨逗號、鍵名用了單引號、字串裡有未轉義的控制字元，或是寫了註釋。狀態列會指出第一個問題的列與欄。

JSON 格式化工具

  • 輸入時同步驗證，語法錯誤會標出所在的列與欄。
  • 除錯時用 2 個空白縮排，寫文件時用 4 個空白。
  • 排序鍵值讓差異比對更清楚，但會改變欄位順序。
  • 全部在本機執行，資料不會離開瀏覽器。
  • 在 JavaScript 裡，JSON.stringify(value, null, 2) 可以得到相同排版。

全部工具