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 優化:減少寫入次數
- 關閉頁面後資料依然保留
- 切換隱私模式時自動清除儲存