JSON 格式化工具如何運作?
工具先把輸入送進 tokenizer,逐字元掃描並分類為字串、數字、布林值、null 或結構分隔符({} [] : ,)。token 串流送入遞迴解析器建立抽象語法樹(AST),然後 pretty-printer 遍歷樹狀結構並在每個巢狀層級添加縮排。 JSON 官方語法 精確定義了六種值類型和嚴格的規則集,所以格式化工具能準確報出錯誤的行號和列號。深層巢狀的載荷(10 層以上)最能體現樹狀檢視的價值:定位節點從手動掃描縮排文字的數分鐘縮短到幾秒。
格式化、美化、驗證和壓縮 JSON。貼上 JSON 即可格式化並以樹狀圖瀏覽。完全在瀏覽器中執行,資料不會外傳。
工具先把輸入送進 tokenizer,逐字元掃描並分類為字串、數字、布林值、null 或結構分隔符({} [] : ,)。token 串流送入遞迴解析器建立抽象語法樹(AST),然後 pretty-printer 遍歷樹狀結構並在每個巢狀層級添加縮排。 JSON 官方語法 精確定義了六種值類型和嚴格的規則集,所以格式化工具能準確報出錯誤的行號和列號。深層巢狀的載荷(10 層以上)最能體現樹狀檢視的價值:定位節點從手動掃描縮排文字的數分鐘縮短到幾秒。
最常見的用法:從 瀏覽器 DevTools 的 Network 分頁 複製原始 API 回應後要快速看懂結構。開發者也拿它來檢查 tsconfig.json 和 package.json 的巢狀結構再合併、寫處理程式前先驗證 webhook 載荷、看 Figma 設計 token 匯出有沒有漏掉的鍵、部署前確認 CI 環境設定格式正確。壓縮功能也實用:去掉大型靜態 JSON 檔案的空白能減少 20-30% 傳輸量,資料不受影響。全部在瀏覽器中完成,不經過伺服器。
貼上有問題的 JSON,看錯誤訊息會標出行號和列號。五種常見錯誤大約佔實際案例的 90%:尾隨逗號、單引號取代雙引號、未加引號的鍵名、兩個值之間漏了逗號、括號不匹配。智慧修復按鈕可以自動處理前三種,後兩種靠行內錯誤標示把游標跳到問題字元。 RFC 8259 JSON 規範 是驗證 Unicode 跳脫序列或數字精度限制等邊界案例的權威參考。實務上修正第一個錯誤通常就夠了,後面的錯誤往往在根本問題解決後自動消失。
所有處理皆在您的瀏覽器中完成,不會傳送任何資料至伺服器。