程式碼格式化壓縮

📖 工具介紹

從別處拷來的程式碼經常是一坨沒有縮排的壓縮串，或者縮排和換行全亂了套。本工具把 HTML、CSS、JavaScript 三種常見前端程式碼的縮排重新排一遍，或者反過來壓成一行用於上線。格式化時會跳過字串裡的大括號、引號裡的分號以及註解內容，不會把字串字面量拆壞；壓縮時會在兩個識別字之間保留必要的空格，避免出現 returna 這種把關鍵字和變數沾黏的錯誤。處理完全在瀏覽器本機完成，程式碼不會離開你的電腦。

✨ 功能特點

• 支援 HTML、CSS、JavaScript 三種語言，各自使用匹配的分行與縮排規則
• 美化與壓縮雙向：既能展開成易讀的多行結構，也能壓成一行縮小體積
• 縮排可選 2 空格、4 空格或 Tab，跟隨你的專案風格
• 詞法層面跳過字串與註解，字串裡的括號、分號不會被誤當成語法符號
• 可保留註解或在壓縮時一併剔除，還能在 CSS 規則之間插入空行
• 輸出體積對比：原始字元數、結果字元數與節省百分比，以及前後行數變化

🚀 使用方式

1. 把程式碼貼進輸入框，或點「載入範例」看效果
2. 選擇語言類型：HTML、CSS 還是 JavaScript
3. 選擇美化或壓縮，美化時再挑一個縮排寬度
4. 按需勾選保留註解、CSS 規則間空行
5. 點「處理」，結果可一鍵複製或下載成對應副檔名的檔案

⚠️ 注意事項

• 不是編譯器：工具按符號做縮排重排，不做語法檢查，語法本身有錯的程式碼照樣會輸出，只是排好了版
• 壓縮不等於混淆：這裡只去掉空白與註解，變數名原樣保留，需要保護原始碼請用專門的混淆工具
• 壓縮後建議自測：依賴換行的範本字串、正則字面量等場景，壓縮後請實際跑一遍確認行為不變
• 超大檔案會卡：超過幾百 KB 的單檔格式化會佔用較多時間，建議先拆分成片段處理
• 空輸入不出結果：輸入框為空時點處理會提示填寫，不會回傳空字串