🚀 專業JSON編輯器

功能完整的JSON編輯器,支援Tree視圖、Table視圖、即時錯誤標示、JSON Schema驗證

📝 編輯器
行: 1 字符: 0 大小: 0 B

                    
📊

Table視圖僅適用於陣列數據

請輸入陣列格式的JSON數據以使用表格視圖

📝 載入範例

🎯 即時錯誤標示

編輯器內即時顯示語法錯誤,精確標示錯誤位置,提供詳細錯誤訊息,讓除錯更加高效。

🌲 多視圖模式

支援Text、Tree、Table三種視圖模式,Tree視圖可展開折疊和編輯,Table視圖適合查看陣列數據。

🔍 JSONPath查詢

內建強大的JSONPath查詢功能,快速定位和提取JSON中的特定數據,支援複雜的路徑表達式。

📋 Schema驗證

支援JSON Schema載入和驗證,確保數據結構符合規範,並可自動生成Schema文件。

🔧 智能修復

自動修復常見的JSON格式錯誤,如缺少引號、多餘逗號等,一鍵修正格式問題。

⚡ 性能優化

支援大型JSON文件處理,自動啟用性能模式,虛擬滾動和分塊處理確保流暢體驗。

📚 使用教學

  1. 輸入JSON:在左側編輯器輸入或貼上JSON數據,支援語法高亮和自動縮排。
  2. 即時驗證:編輯器會即時檢查JSON語法,錯誤位置會以紅色波浪線標示。
  3. 視圖切換:點擊右上方的Text/Tree/Table按鈕切換不同的視圖模式。
  4. Tree編輯:在Tree視圖中可以直接編輯值,點擊📋按鈕複製節點值。
  5. JSONPath查詢:在搜索框中輸入JSONPath語句快速查找數據:
    • $.name - 獲取根對象的name屬性
    • $.author.email - 獲取嵌套對象的email
    • $.features[0] - 獲取陣列第一個元素
    • $.users[*].name - 獲取所有用戶的姓名
  6. JSON Schema驗證:載入Schema文件來驗證JSON結構是否符合規範,或自動生成Schema。
  7. 快捷操作:支援Ctrl+Z撤銷、Ctrl+Y重做、Ctrl+Shift+F格式化等快捷鍵。

🔍 什麼是JSON Schema?

JSON Schema是用來描述和驗證JSON數據結構的標準格式。它可以:

使用方式:

  1. 點擊「載入Schema」按鈕上傳您的Schema文件
  2. 或點擊「生成Schema」自動根據當前JSON創建Schema
  3. 編輯器會自動驗證JSON是否符合Schema規範
  4. 不符合的地方會顯示詳細的錯誤訊息

⌨️ 快捷鍵

Ctrl + Shift + F 格式化JSON
Ctrl + Z 撤銷
Ctrl + Y 重做
Ctrl + A 全選
Ctrl + C 複製
Ctrl + V 貼上
Ctrl + F 尋找
Ctrl + H 取代

✨ 所有工具都支持離線使用,無需安裝軟件。 查看所有工具