實用工具
輸入
結果
結果會顯示在這裡。壓縮過的打包檔、錯誤回報裡的一行程式碼片段、從 DevTools 複製出來的指令碼：無論是哪一種，要看懂它們的第一步都是讓 JavaScript 變得可讀。這裡執行的是 js-beautify，beautifier.io 和一長串編輯器外掛背後的格式化工具，它逐個語彙單元重新縮排，不需要理解整個程式。正因如此，它能處理程式碼片段，甚至是完整解析器會拒絕的輕微損壞程式碼，格式化 JSON 也和 JavaScript 一樣好用。
它是怎麼運作的
- 大括號風格對應 js-beautify 本身的選項：同一行、同一行但短區塊保持單行、每個大括號獨立一行（Allman），或將 else 與 catch 移到新的一行。
- 你在區塊之間留下的空白行會保留，連續多行會合併為一行，除非你關閉這個選項。
- 美化只能恢復排版，無法恢復名稱：被壓縮成 e 的變數仍然是 e。
- 輸入不會經過驗證，所以語法錯誤會和其他內容一起被格式化，而不是被回報出來。
你的資料去了哪裡
哪也沒去。本工具完全在你的瀏覽器裡執行：你貼上的文字由頁面處理，不會傳輸到任何伺服器，也不會寫進任何紀錄。
本工具免費且免登入，執行結果只存在於你目前的頁面裡，不會被儲存到任何地方。
它要花多少
本工具完全免費，不需要登入，也不消耗點數。
常見問題
- 能把壓縮過的正式環境程式碼還原成原始碼嗎？
- 只能還原排版。壓縮工具會重新命名區域變數並刪除註解，這些資訊已經從檔案中消失了。如果網站有提供 source map，瀏覽器的 DevTools 可以把壓縮後的程式碼對應回原始碼，這是找回名稱唯一真正的方法。
- js-beautify 還是 Prettier？
- Prettier 從完整解析重新輸出程式碼，並強制套用單一風格，這正是儲存庫內需要的。js-beautify 只調整空白與縮排，因此更適合快速閱讀你不打算提交的程式碼，包括 Prettier 會拒絕解析的片段。
- 支援 TypeScript 或 JSX 嗎？
- 不太可靠。js-beautify 理解的是 JavaScript，很多 TypeScript 大致上是碰巧處理對的，但型別註記、泛型和 JSX 標籤可能會出現奇怪的縮排。Prettier 能正確解析這兩者，是更適合的工具。
背後的開源專案
本工具執行在 beautifier/js-beautify 之上，以 MIT 授權發布。如果你需要在自己的程式裡實作同樣的能力，直接用這個函式庫。
beautifier/js-beautify也常被稱作
- javascript 美化
- js beautify 線上
- js 反壓縮
- javascript 格式化
- js 程式碼格式化
- javascript pretty print