免費註冊

JS 壓縮

去掉 JavaScript 的註釋和空白，不改變執行結果，節省多少一目瞭然。

關於JS 壓縮

JS 壓縮適合沒有構建工具的場合：WordPress 主題裡的一段指令碼，落地頁上的小功能，自己託管的小掛件，或者要粘進建站後臺的統計程式碼。把程式碼貼進來或開啟 .js 檔案，壓縮結果隨輸入實時出現，同時顯示壓縮前後的大小。指令碼寫在 HTML 頁面裡的話，HTML 壓縮會連同網頁程式碼一起壓縮。

工具使用安全模式：只去掉註釋和空白，以 /*! 開頭的版權註釋保留；凡是 JavaScript 自動插入分號要依靠的換行都會留著，不寫分號的程式碼壓縮後照樣能跑。變數名不做縮短，報錯資訊裡還能看到原來的函式名，但壓縮率會比完整的構建工具低；需要改名、刪除無用程式碼，請在專案裡用 esbuild 或 terser。想把壓縮過的程式碼變回能讀的樣子，用 JS 格式化。程式碼只在瀏覽器裡處理，不上傳。

JS 壓縮怎麼用

  1. 1
    貼上程式碼

    貼上 JavaScript，或開啟本地 .js 檔案。

  2. 2
    看節省多少

    JS 壓縮結果實時更新，顯示壓縮前後的大小。

  3. 3
    複製或下載

    複製壓縮後的程式碼，或下載成檔案。

為什麼用熊仔工匠

  • 安全模式

    只去註釋和空白，程式碼本身不做改寫。

  • 照顧自動分號

    自動插入分號所依賴的換行都會保留。

  • 版權註釋保留

    /*! … */ 形式的版權宣告留在檔案裡。

  • 節省多少看得見

    複製前就能看到壓縮前後的大小。

常見問題

JS 壓縮常見問題

壓縮後的 JS 還能正常執行嗎？
能，這正是安全模式的用意：只去掉註釋和空白，自動插入分號需要的換行都會保留。替換線上檔案後，照例開啟頁面測一遍。
JS 壓縮會改變數名嗎？
不會。改名需要完整的語法分析，適合交給 esbuild、terser 這類構建工具；這裡壓縮率低一些，但不會動任何名字。
不寫分號的程式碼能壓縮嗎？
能。凡是靠換行結束的語句，壓縮時都會留下那個換行，不會把兩行硬接在一起。
版權註釋會被刪掉嗎？
/*! … */ 形式的註釋會保留，版權宣告不會丟；其他註釋都會刪掉。樣式表裡的版權註釋，CSS 壓縮也同樣保留。
JS 程式碼會上傳嗎？
不會。壓縮在瀏覽器裡完成，不用註冊，不佔每日次數。
把JS 壓縮分享給朋友開啟瀏覽器就能用，對方不註冊也能先試。

相關工具

HTML HTML 格式化把雜亂的 HTML 按層級縮排，一目瞭然。
JS JS 格式化美化壓縮過或排版混亂的 JavaScript。
HEX 色碼轉換顏色在 HEX、RGB、HSL、CMYK 之間互轉，並檢查對比度。
CRON Cron 表示式生成與解析生成 Cron 表示式，用大白話說明含義並列出接下來的執行時間。
CSS CSS 格式化把壓縮過的 CSS 還原成整齊易讀的樣式。
CSS CSS 壓縮壓縮 CSS，讓網頁載入更快。
HTML HTML 壓縮去掉註釋和多餘空白，壓縮 HTML。
HTTP 線上 HTTP 請求測試向公開的介面傳送 GET、POST 等請求，檢視返回結果。