DevToolPal
繁

JSON 樹狀編輯器

以可摺疊的樹狀結構檢視 JSON,直接編輯鍵、值和型別,JSON 文字會同步更新。

本機處理,不會上傳

選項

縮排

JSON

0 字元 · 0 B

樹狀檢視

結果會顯示在這裡

功能簡介

JSON 樹狀編輯器會把 JSON 文件變成一棵可摺疊的樹,讓你直接瀏覽和編輯。不用再在冗長的文字檔中尋找漏掉的逗號,只要在小輸入框中修改值,工具就會幫你重新寫出有效的 JSON。

它很適合處理設定檔、API 回應、測試資料和翻譯檔:也就是那些需要先理解結構、再做幾處精確修改的情境。

使用方法

  1. 把 JSON 貼到左側的輸入框,或載入範例。
  2. 瀏覽樹狀結構。點物件或陣列旁的箭頭可以展開或摺疊,並用 展開層數 選擇樹狀結構預設展開的深度。
  3. 直接編輯:
    • 點鍵名即可重新命名。鍵在物件中的位置保持不變。
    • 點字串或數字即可修改。布林值有 true 或 false 的選單。
    • 用每一列右側的型別選單,把值轉換成另一種 JSON 型別。
    • 按 + 為物件或陣列新增子項目,或按 × 刪除節點。
  4. 按 Enter 或點其他地方套用變更,或按 Escape 取消。
  5. 從輸入框複製更新後的 JSON。縮排 選項決定它的格式。

路徑

選取某一列時會顯示它的 JSONPath 風格路徑,例如 $.author.name 或 $.keywords[2],並附有複製按鈕。不是單純識別字的鍵會加上引號,例如 $["first name"]。當你撰寫讀取同一欄位的程式碼或查詢時,路徑很有用,例如使用 jq、JavaScript 選擇性串連或資料庫的 JSON 函式。

安全編輯

編輯絕不會產生無效的 JSON。如果某個變更無法套用,例如把鍵重新命名為已存在的名稱,或在數字中輸入字母,工具會在樹狀結構上方顯示訊息,並保持文件不變。

如果左側的 JSON 有語法錯誤,樹狀結構會換成該錯誤及其行號和欄號,讓你修正文字後繼續編輯。

常見問題

› 我的編輯會儲存到 JSON 文字中嗎?

會。樹狀結構中的每一次變更都會直接寫回左側的 JSON,並依你選擇的縮排格式化,隨時都可以複製或下載。

› 要怎麼新增或移除項目?

在物件或陣列那一列按加號按鈕可以附加子項目,在任何一列按叉號按鈕可以刪除。新的物件成員會得到 key 或 key2 這類預留鍵名,你可以再重新命名。

› 變更型別時會發生什麼事?

工具會盡可能保留內容。數字轉成字串時會變成對應的文字,陣列轉成物件時會以索引作為鍵,物件轉成陣列時則保留它所有的值。

› 我的 JSON 會被上傳嗎?

不會。解析和編輯都在你的瀏覽器中進行。