動詞實驗室 Logo動詞實驗室

JSON 編輯器

功能豐富的 JSON 編輯、格式化、比較工具

左: 右:

JSON A

1
2
3
4
5
6
7
8
9
10

JSON B

1
2
3
4
5
6
7
8
9
10
11

功能說明

📝 Text 模式

  • 直接編輯 JSON 文本
  • 顯示行號,便於閱讀
  • 即時語法驗證
  • 格式化與壓縮
  • 自動修復常見錯誤
  • ⛶ 單獨放大編輯器(更大視窗)

🌳 Tree 模式(可編輯)

  • 可收折的樹狀結構
  • 展開/收起全部控制
  • 雙擊鍵名或值進行編輯
  • ➕ 新增物件屬性
  • 🗑️ 刪除節點
  • 📋 複製 JSON 路徑
  • 色彩分類:物件、陣列、字串、數字

📊 Table 模式

  • 以表格形式呈現 JSON 資料
  • 適合陣列與物件資料
  • 自動提取所有欄位
  • 支援搜尋高亮

🔄 左右操作

  • 左 → 右:直接複製內容
  • 左 ← 右:直接複製內容
  • 左 ⇒ 右:格式化後轉換
  • 左 ⇐ 右:格式化後轉換
  • 比較模式:高亮差異

🔍 獨立控制

  • 左右兩側獨立搜尋(文字/正則/JSONPath)
  • JSONPath 查詢支援($.path.to.data)
  • 左右兩側獨立排序(不排序/依鍵名/A-Z/Z-A)
  • 左右兩側獨立過濾
  • 左右兩側獨立展開/收折
  • 左右兩側獨立模式切換

🔄 轉換工具

  • JSON → TypeScript Interface 生成
  • JSON ↔ YAML 互轉
  • Merge:深度合併左右 JSON
  • Deep Diff:詳細差異報告
  • JSON Schema 驗證

🔧 修復功能

  • 自動移除註解
  • 修正單引號為雙引號
  • 移除尾隨逗號
  • 修復未加引號的鍵名
  • 處理 undefined 值

⌨️ 快捷鍵

  • Ctrl/Cmd+Z:復原
  • Ctrl/Cmd+Shift+Z:重做
  • Ctrl/Cmd+D:格式化左側
  • Ctrl/Cmd+M:壓縮左側
  • Ctrl/Cmd+K:清空左側
  • Ctrl/Cmd+S:導出左側

↶↷ 歷史記錄

  • 支援復原/重做操作
  • 保存最近 50 次編輯
  • 智能歷史記錄管理

📂💾 檔案管理

  • 📂 導入:從本地選擇 .json 檔案
  • 💾 導出:存儲為 .json 檔案
  • 自動驗證導入的 JSON 格式
  • 支援大型 JSON 檔案

⚡ 其他功能

  • 搜尋高亮顯示
  • 多種排序選項
  • 即時驗證狀態指示器
  • 一鍵複製與清空

🔒 隱私與儲存

  • 自動保存到本地儲存(localStorage)
  • 🔒 隱私模式:不保存任何資料
  • Debounce 優化:減少寫入次數
  • 關閉頁面後資料依然保留
  • 切換隱私模式時自動清除儲存