JavaScript 壓縮工具

使用 Terser 壓縮您的 JavaScript — 檔案更小，功能不變。

本機執行 — 檔案絕不會離開您的裝置

正在載入工具…

如何使用 JavaScript 壓縮工具

1將您的 JavaScript 貼到輸入框中，或點擊範例。
2壓縮後的程式碼會自動顯示在右側。
3選擇是否要 縮短變數名稱 以及 保留授權註解。
4複製結果，或將其下載為 minified.js。

壓縮 JavaScript 程式碼

JavaScript 通常是網頁中檔案最大的部分，且每一個 KB 都必須經過下載、解析和執行，網頁才能產生互動。壓縮程式碼可以將其大小減少一半以上。本工具使用 Terser（大多數現代建置工具背後的壓縮引擎），直接在您的瀏覽器中移除空白與註解、縮短變數名稱，並套用安全的程式碼壓縮。

功能特色

Terser 引擎：支援現代 ES2015+ 語法。
程式碼壓縮：移除無效程式碼 (dead-code)、常數折疊與簡化語法。
名稱混淆：縮短區域變數名稱（可選）。
授權註解：可依需求保留授權宣告註解。
大小比較：以位元組 (bytes) 和百分比顯示壓縮前後的差異。
注重隱私：程式碼完全在本地端處理。

常見壓縮率

程式碼類型	常見減少比例
包含大量註解的應用程式碼	50–70%
函式庫原始碼	40–60%
已經過精簡的程式碼	15–30%
已壓縮過的程式碼	0–5%

透過 gzip 或 Brotli 壓縮來傳輸已壓縮 (minified) 的檔案，通常能進一步減少 60–75% 的傳輸大小。

提示

保留原始碼：壓縮後的程式碼難以閱讀和除錯。請在建置過程中使用 source maps，以便在正式環境 (production) 中除錯。
將壓縮納入建置步驟：對於正式環境，建議將壓縮自動化；而本工具非常適合用於單次執行的腳本、程式碼片段 (snippets)、書籤小程式 (bookmarklets) 以及沒有使用打包工具 (bundler) 的專案。
壓縮後務必測試：特別是依賴函式名稱或使用 eval 的程式碼。

相關工具

使用 CSS 壓縮工具壓縮樣式表、使用 JSON 格式化工具格式化資料，或使用 Base64 將腳本編碼以供嵌入。

常見問題

JavaScript 壓縮工具有什麼作用？

它會移除空白與註解，縮短區域變數和函式名稱（混淆），並在不改變程式碼執行結果的前提下，將程式碼改寫為更短的等效形式——例如移除無法執行的程式碼與簡化運算式。

支援哪些 JavaScript 語法？

Terser 支援現代 JavaScript（ES2015 及更新版本），包含箭頭函式、類別、模組、async/await 與選擇性串連。TypeScript 和 JSX 必須先編譯為 JavaScript。

縮短變數名稱安全嗎？

Terser 僅會重新命名區域變數和函式，絕不會更改全域名稱或物件屬性，因此原本正常的程式碼仍可正常運作。如果程式碼在執行時期會依賴函式名稱（例如 fn.name），請關閉名稱縮短功能。

為什麼會出現語法錯誤？

壓縮工具必須先解析您的程式碼。發生錯誤通常代表缺少括號或引號，或是使用了非 JavaScript 的語法——例如 TypeScript 型別註記或 JSX。錯誤訊息會顯示具體的問題所在。

我的程式碼會被上傳嗎？

不會。Terser 完全在您的瀏覽器中執行，因此您的專有程式碼絕不會離開您的裝置。

CSS 壓縮工具縮小樣式表體積 — 移除空白字元、註解與多餘規則 — 並查看節省了多少空間。JSON 格式化與驗證工具即時美化、壓縮與驗證 JSON，並清楚標示錯誤位置。HTML 編碼 / 解碼將文字轉換為安全的 HTML 實體，或將實體還原為可讀的字元。Base64 編碼與解碼在文字、檔案與 Base64 之間互相轉換，完整支援 UTF-8 與 Base64URL。Base64 轉圖片在瀏覽器中即時將 Base64 字串與 Data URI 解碼還原成可預覽及下載的圖片。Chmod 計算機在核取方塊、八進位數字（如 755）與符號權限（如 rwxr-xr-x）之間進行轉換。