JSON 編輯器

在瀏覽器中視覺化編輯 JSON —— 透過互動式樹狀結構進行新增、刪除、改名、切換類型,或以語法醒目提示的原始文字模式編輯。隨時在文字、樹狀、預覽三種模式間切換。

僅瀏覽器處理(可離線使用)
1

輸入文字

貼上或輸入您的內容。

2

調整設定

配置選項以獲得所需結果。

3

複製或儲存

將輸出複製到剪貼簿或儲存。

核心功能

視覺化樹狀編輯

雙擊鍵或值即可原地編輯。按右鍵開啟完整選單:插入、複製、刪除、切換類型、複製路徑。

復原/重做歷程

每次修改都會記錄。按 Ctrl+Z 復原、Ctrl+Y 重做,放心嘗試而不怕弄壞資料。

自動修復無效 JSON

貼上的 JSON 帶有結尾逗號、單引號或註解?一鍵修復常見錯誤,立刻開始編輯。

三種檢視模式

隨時在文字 (Monaco)、樹狀(互動式編輯)、預覽(唯讀語法醒目提示)三種模式間切換 —— 一個編輯器,三種工作方式。

類型切換

一鍵將任意值在字串、數字、布林、空值、物件、陣列之間轉換,非常適合快速調整測試資料或設定。

100% 隱私 —— 不上傳

所有編輯都在您的瀏覽器中進行。您的 JSON 永遠不會傳送到伺服器 —— API 金鑰、權杖和敏感設定都能放心編輯。

關於此工具

Free online JSON editor with three view modes — text, interactive tree, and preview. Add, delete, rename, retype nodes; undo/redo; auto-repair invalid JSON. 100% browser-based, no data uploaded.

僅瀏覽器處理(可離線使用)

為開發者打造的視覺化 JSON 編輯器

JSON Editor 是一款瀏覽器端的 JSON 編輯器,提供三種檢視模式:文字使用 Monaco Editor 進行原始編輯、樹狀進行視覺化結構編輯,以及預覽提供唯讀的語法高亮顯示。

在樹狀模式中,雙擊鍵或值即可就地編輯。在任一節點上按一下滑鼠右鍵,即可開啟完整的內容功能表:在前面或後面插入、複製、變更型別、刪除、複製路徑。每一步都可以復原與重做。當您貼上無效的 JSON 時,只需按一下即可修復常見錯誤,例如尾隨逗號、單引號和 JavaScript 註解。

常見用途

  • 設定檔編輯:安全地修改 package.jsontsconfig.json 或 Kubernetes 資訊清單,而不會產生語法錯誤
  • 測試資料製作:透過複製節點、變更型別和重新命名鍵,快速建立 fixture
  • API 回應偵錯:貼上回應、重新組織結構,並與預期的形狀進行比對
  • 結構描述遷移:比較 JSON 文件的兩個版本,精確查看變更了什麼
  • 修復損壞的 JSON:使用自動修復來還原尾隨逗號、多餘引號或混用的分隔符號
  • 資料清理:以滑鼠右鍵 + 刪除大量刪除不需要的欄位,然後匯出清理後的資料

隱私優先的 JSON 編輯

每一次編輯、修復和比對都完全在您的瀏覽器中執行。您的 JSON 絕不會上傳或記錄到任何地方。

  • 資料絕不離開您的裝置 — 編輯期間零網路請求
  • 對於敏感的 API 金鑰、權杖和設定機密都很安全
  • 頁面載入後可完全離線運作
  • 不會分析您的 JSON 內容 — 我們只追蹤工具使用情況,絕不追蹤資料

常見問題

格式化工具只會重新縮排並驗證文字。本編輯器讓您直接修改 JSON 的結構本身 —— 以視覺化方式新增、刪除、改名、切換節點類型,無需編寫任何 JSON 語法字元。非常適合編輯設定檔、製作測試資料或修復 API 回應。
絕對安全。所有編輯、解析、修復、差異計算都完全在您的瀏覽器中完成。您的資料絕不離開裝置 —— 不上傳伺服器、不記錄日誌、不讓第三方存取。API 金鑰、權杖和敏感設定資料都可安心使用。
自動修復使用 jsonrepair 函式庫修復常見錯誤:結尾逗號、以單引號代替雙引號、鍵周圍缺少引號、JavaScript 風格註解、智慧型/彎引號、串接的字串等等。它採用許多熱門 JSON 工具所使用的同款修復引擎。
可以。透過頂部的檢視切換器在文字(Monaco 編輯器)、樹狀(互動式結構編輯器)、預覽(唯讀語法醒目提示)三種模式間切換。只要您的 JSON 有效,在一種模式中的任何變更,切換到另一種模式時都會立即反映出來。
可以。頁面載入後,所有功能都能離線運作 —— 編輯、自動修復、差異比對與匯出。建議從瀏覽器將 PrivaDeck 安裝為 PWA,以獲得最快的存取速度。