JSON 修復工具上線：在瀏覽器中自動修好損壞的 JSON
我們剛為 JSON Work 上線了一個新工具：JSON 修復工具（JSON Repair Tool）。
從日誌、瀏覽器控制台或第三方後台複製出來的「JSON」，經常只是 看起來像 JSON，實際上並不符合標準：
- • 屬性之間少了逗號
- • 內含 JavaScript 風格註解
// ...、/* ... */
- • 使用單引號而不是雙引號
- •
True/False/NULL大小寫混亂
- • 甚至上述問題同時出現
傳統的 JSON 驗證或美化工具通常只能告訴你「哪裡錯了」，卻無法幫你自動修正。JSON 修復工具就是為這種「半壞不壞」的 JSON 而設計。
🔧 JSON 修復工具能做什麼？
它會接收一段無效 JSON，嘗試一步步將其轉為合法 JSON，同時保證：
- • 所有處理都在瀏覽器本地完成，資料不會離開你的裝置
- • 結果可預期：相同輸入 → 相同輸出
- • 過程透明：所有自動修復步驟會以列表形式呈現，方便你審核
目前支援修復的常見問題
- • 屬性之間缺逗號
- 修復前：
{
"name": "John",
"age": 30
"city": "New York"
}- 修復後：
{
"name": "John",
"age": 30,
"city": "New York"
}- • JavaScript 風格註解
- 自動移除 // 行註解 與 /* 區塊註解 */
- • 單引號字串
- 在安全的情況下，將 'value' 轉為 "value"
- • 未加引號的鍵名
- 例如：{ name: "John" } → { "name": "John" }
- • 布林值 / null 大小寫
- 將 True / False / NULL / Null 正規化為合法 JSON 字面量
若輸入本身就是合法 JSON，工具只會重新排版並提示「原本已有效」。
🧠 修復流程簡介
內部實作上，JSON 修復工具會依序執行一組 小而安全的轉換，每一步之後都會嘗試呼叫 JSON.parse：
- 清理空白與 BOM
- 移除註解
- 嘗試補上缺失逗號
- 移除尾逗號
- 正規化布林值與 null
- 將單引號轉為雙引號
- 為未加引號的鍵名補上引號
某一步之後只要可以成功解析，我們就會停止繼續修改，並用標準縮排格式輸出結果。
若走完整個流程仍然無法解析，我們會：
- • 輸出已盡力清理後的文本，方便你再手動調整
- • 顯示最後一次
JSON.parse的詳細錯誤訊息
- • 保留一份修復步驟記錄（Repair summary），讓你清楚知道工具都做了哪些調整
🖥 什麼情境特別適合用？
工具入口在：
- •
/tools/formatters/json-repair（依語系會帶上前綴）
幾個常見且實用的場景：
1. 除錯 API 回應
- • 從瀏覽器 DevTools 複製「幾乎是 JSON」的 Response
- • 貼到 JSON 修復工具
- • 取得一份合法 JSON，接著可以送進驗證器、美化器或做 diff 分析
2. 清理日誌中的 JSON 片段
- • 日誌裡常出現帶註解、帶錯誤格式的 JSON 片段
- • 丟進修復工具後：
- 清理註解
- 修掉明顯語法錯誤
- 讓資料結構重新變得可閱讀
3. 與第三方系統整合
- • 有些後台匯出的設定檔「像 JSON 卻不是 JSON」
- • 先用修復工具轉為嚴格 JSON，再進行：
- Schema 驗證
- 轉成 CSV / XML / YAML
- 進行靜態分析與程式碼風格檢查
🔒 隱私與本地處理
和 JSON Work 其他工具一樣，JSON 修復工具完全遵守「本地處理、零儲存」：
- • 所有處理都在瀏覽器中完成
- • 不會將內容透過網路上傳
- • 伺服器端沒有任何包含你資料的記錄
🌍 與 JSON Work 其他工具的搭配
修復完成後，你可以直接搭配站內其他工具：
- • 用 JSON 驗證器 做更嚴格的結構與語法檢查
- • 用 JSON 美化器 做進一步的格式調整或壓縮
- • 用 JSON 樹狀檢視器 以樹狀方式瀏覽資料
- • 用 JSON Diff 工具 比較修復前後差異
✅ 現在就試試看
- 開啟 JSON 修復工具
- 貼上一段壞掉或格式不正確的 JSON
- 讓工具自動進行修復
- 將結果複製或下載
- 搭配驗證器、美化器或樹狀檢視器完成後續工作
若你在實際使用過程中遇到特殊案例，或希望支援更多修復規則，歡迎隨時給我們回饋，我們會根據真實場景持續改進 JSON Work。