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：

1. 清理空白與 BOM

1. 移除註解

1. 嘗試補上缺失逗號

1. 移除尾逗號

1. 正規化布林值與 null

1. 將單引號轉為雙引號

1. 為未加引號的鍵名補上引號

某一步之後只要可以成功解析，我們就會停止繼續修改，並用標準縮排格式輸出結果。

若走完整個流程仍然無法解析，我們會：

• • 輸出已盡力清理後的文本，方便你再手動調整

• • 顯示最後一次 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 工具 比較修復前後差異

---

✅ 現在就試試看

1. 開啟 JSON 修復工具

1. 貼上一段壞掉或格式不正確的 JSON

1. 讓工具自動進行修復

1. 將結果複製或下載

1. 搭配驗證器、美化器或樹狀檢視器完成後續工作

若你在實際使用過程中遇到特殊案例，或希望支援更多修復規則，歡迎隨時給我們回饋，我們會根據真實場景持續改進 JSON Work。