我開源了一個開發者專屬的智慧 JSON 工具，得到了老婆高度認可
**大家好，我是小富～**這期給大家分享一個我開發的工具！
最近做了一個開發者專屬的 JSON 工具 easy-json！線上體驗網址：easyjson.xiaofucode.com，不管是什麼奇形怪狀的 JSON 字串，丟進去都能智慧解析，先看效果是不是還挺能打的
現在網路上這類工具確實不少，我也用過很多，uTools 上的各種小外掛、線上網頁版、瀏覽器擴充功能，多多少少都在用。但總有些場景它們搞不定，這也是我決定自己動手的原因。
起因：一個來自夫人的需求
做這個工具的初衷，說出來可能有點意外，是因為我老婆。
她做測試的，經常要去 Kibana 上查日誌，看介面的入參出參，時不時還要做 JSON 比對。有一天我看她在那費盡力氣地從一大坨日誌裡複製了一段 JSON，結果這段 JSON 根本不是標準格式，是那種 Java 物件直接 toString() 輸出的：
json 代碼解讀複製代碼UserEntity@3f2a1c{id=10042, username=zhangsan, [email protected], roles=[ADMIN, USER], department=DepartmentVO{id=5, name=技術部, manager=null}, createdAt=2024-01-15T09:30:00, lastLogin=2025-06-01T14:23:07, active=true}她只能一個欄位一個欄位地手動修正。我說有格式化工具你怎麼不用呢？她說試過了，沒有一個能解析這種格式的。
我也找了一圈，發現還真沒有。想著能幫她省點事，就決定自己搞一個。仔細想想，這種場景我自己平時遇到得更多，乾脆就做全了。
下面就介紹一下這個工具的核心能力，看看能不能戳中你的痛點。
智慧擷取 100+ 種格式
這個工具支援 100+ 種格式 的 JSON 字串智慧擷取，涵蓋各主流程式語言常見的 JSON 變體，自動識別並格式化為標準 JSON。
比如後端開發圖省事，直接 toString() 輸出物件，這種格式不借助工具或 AI，想手動改成標準 JSON 還挺費勁的
java 代碼解讀複製代碼OrderDTO{orderId=ORD-20250601-001, userId=10042, totalAmount=1299.00, status=PAID, items=[ItemDTO{sku=SKU-8821, name=機械鍵盤, qty=1, price=899.00}, ItemDTO{sku=SKU-3310, name=滑鼠墊, qty=2, price=200.00}], createTime=2025-06-01T10:30:00, payChannel=ALIPAY}丟進 easy-json，一鍵擷取
前端的程式碼片段也不在話下，直接貼上就能擷取出 JSON
typescript 代碼解讀複製代碼export const API_CONFIG: Record<string, any> = {
baseURL: 'https://api.example.com/v2',
timeout: 30000,
headers: {
'Content-Type': 'application/json',
'X-App-Version': '2.1.0',
},
retry: { maxRetries: 3, delay: 1000, backoff: 2 },
endpoints: ['/users', '/orders', '/products'],
} as const;網頁 JSON 一鍵擷取
為了減少複製貼上的操作，我特別做了一個瀏覽器擴充功能。在網頁上選中文本後，按右鍵選擇「easyjson 智慧擷取」，擴充功能會自動在新分頁中打開並完成擷取，省去了一堆不必要的操作。
JSON 語意比對
JSON 比對是我自己用得很多的一個場景。網路上找了不少工具，但總覺得達不到預期，兩段 JSON 欄位相同、只是順序不同，很多工具直接逐行比對，結果一大片標紅，根本分不清哪些是真正的差異。而且即便順序一致了，也只是標出整行不同，並不會精確到具體哪個值變了。
easy-json 的比對邏輯是：先做結構正規化，再逐層 Diff。智慧識別新增、刪除、修改三種變更類型，支援字元級差異高亮，內容差異一目了然。
四種視圖一鍵切換
為了適配不同的查看需求，我做了四種視圖模式：程式碼視圖、樹狀視圖、拓撲視圖、表格視圖，一鍵切換，不用再開別的工具。
有時候你可能需要摺疊層級，有時候又想用更直觀的方式縱覽全局，拓撲圖和表格視圖在這些場景下就非常好用。
自動貼上 & 自訂開關
工具內建了一系列可自訂的開關：是否自動貼上、是否按 Key 排序、是否過濾空值、是否開啟智慧擷取、是否自動格式化……所有行為都可以按自己的習慣來設定。
多 Tab & 狀態持久化
這個功能上線後我老婆回饋特別好。她經常需要同時比對多組 JSON，有時候遇到新問題還要翻之前用過的參數，又不想開一堆瀏覽器視窗。多 Tab 模式可以輕鬆管理多個工作區，雙擊 Tab 還能自訂名稱，也不怕搞混了。
格式轉換
有時候需要把 JSON 轉成 XML、YAML 等其他格式，手動改太麻煩了。我支援一鍵格式轉換，省心省力。
主題配色
為了讓用（摸）戶（魚）體驗更好，我還做了 JSON 的配色主題和系統主題色切換，顏值也在線。
安裝說明
為了覆蓋不同使用場景，easy-json 提供了三個版本：瀏覽器擴充功能、Mac 用戶端、Windows 用戶端。
不過由於上架瀏覽器商店和申請 Mac 開發者憑證都需要費用，我太窮了就沒開通，所以安裝上有一點點小門檻
瀏覽器擴充功能，目前是離線版本，需要手動安裝：管理擴充功能 → 開啟開發人員模式 → 載入未封裝的擴充功能。
Mac 版本，由於沒有開發者憑證簽章，安裝時會提示「不受信任」，需要前往 系統偏好設定 → 安全性與隱私權 → 仍要打開 允許安裝。
Windows 版本，沒啥門檻，雙擊安裝即可。
寫在最後
這個工具完全免費，有需要的小夥伴可以去 easyjson.xiaofucode.com 體驗一下。
專案也已經開源在 GitHub 上，歡迎 Star 支持，有問題隨時提 Issue，也非常歡迎 PR 貢獻！
希望 easy-json 能幫你在日常開發中少折騰一點，多高效一點！
如果遇到了問題，可以透過以下方式聯絡我。
也歡迎加入我們的技術交流群，群裡都是熱心的 Javaer，會討論技術問題，互相幫助，相信能讓您獲得更多收穫。
關注公眾號：程式設計師小富歡迎加入技術交流群，
或者直接搜微信號：xiaofucode
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
