JSON 格式化與驗證工具
在瀏覽器裡格式化、驗證並瀏覽 JSON 資料。
這個編輯器元件會固定使用淺色主題,不受網站深色模式影響——就跟大多數網頁內嵌的程式碼編輯器一樣。
「修復」可處理註解、單引號、結尾逗號、未加引號的鍵、Python 常數與 NDJSON。分享連結只會把 JSON 放在網址的 hash 中。
從 JSON 產生程式碼
JSON Schema(產生與驗證)
JSONPath 查詢
支援語法:$ .key ['key'] [0] [-1] [*] .* .. (遞迴) [0,2] [1:3] [?(@.price < 10)]
為什麼要在本機格式化與驗證 JSON?
JSON 在開發者的日常裡幾乎無所不在:一份沒有換行、壓縮過的 API 回應,一份被同事手動編輯成一整行、完全看不懂的設定檔,一個晚上十一點還在除錯、想找出少了哪個逗號的資料。大多數線上「JSON 格式化」工具解決可讀性問題的方式,是先把你貼上的文字傳到伺服器——如果那段 JSON 裡剛好含有 API 金鑰、存取權杖,或客戶的個人資料,這種取捨其實相當令人不安。
這個工具完全不會把任何內容傳到任何地方。它建立在 jsoneditor 之上,這是一套能在瀏覽器記憶體裡完整解析並重新繪製 JSON 的 JavaScript 函式庫。解析、美化排版和語法驗證全都在本機、用瀏覽器自己的 JavaScript 引擎完成——中間沒有任何伺服器參與,所以你貼在這裡的任何內容都不會離開你的裝置。
把 JSON 貼進文字模式的編輯器裡,用工具列上的「格式化」按鈕美化排版,或用「壓縮」把它濃縮回單行。如果 JSON 有語法錯誤——多了一個逗號、少了一個引號、括號沒對齊——編輯器會立刻用清楚的錯誤訊息和精確的行號標示出來,不必自己一行一行找;「跳到錯誤所在行」按鈕會直接跳到那一行並選取起來,不用在長文件裡自己捲動搜尋。從上方的下拉選單切換到樹狀模式,就能把同一份資料當成可展開、可互動的樹狀結構來瀏覽:展開或收合巢狀的物件與陣列,就地編輯個別的值,直接調整順序或刪除欄位,再切回文字模式時,變更會立刻反映在文字內容裡。
這樣的組合能應付大多數日常的 JSON 工作:把 API 回應整理乾淨後貼進文件、在提交前先驗證設定檔、或是在瀏覽層層嵌套的資料時不會迷失在陣列裡。需要換成別的格式嗎?編輯器下方的按鈕能把目前的 JSON 直接轉成 XML、YAML 或 CSV——當同事的腳本需要 YAML 設定檔,或試算表需要單純的列與欄而不是巢狀 JSON 時特別好用,轉換結果會直接顯示在頁面上,方便快速複製或整份下載。由於所有內容只存在於這個瀏覽器分頁裡,關掉分頁就會把編輯器內容完全清空——不會留下儲存的紀錄或草稿,處理可能敏感的 JSON 時,這正是你想要的行為。
常見問題
可以用可收合的樹狀結構檢視 JSON,而不是原始文字嗎?
可以。你能在文字模式與互動式樹狀檢視之間切換,並自由展開與收合節點。
會明確告訴我 JSON 語法錯誤在哪裡嗎?
會。錯誤訊息包含行號,還有一個按鈕可以直接把游標跳到錯誤位置。
可以把 JSON 轉成其他格式嗎?
可以。同一份資料可匯出成 XML、YAML 或 CSV。