開發者工具 / 16
CSS壓縮器
透過結構化規則與值壓縮,解析、最佳化並壓縮CSS。
CSS壓縮器: TOEA使用CSS解析器移除不必要的語法,並安全地重新組織相容的規則。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 開發者工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
重新整理會做什麼
除了移除空白,壓縮器還會縮短值(將#ffffff變成#fff、將0px變成0)並合併規則。宣告完全相同的兩個選取器會合併成一條規則;在級聯允許的情況下,宣告也可能在規則之間移動。因此,輸出內容不會按照來源順序排列,搜尋某個選取器時可能會發現它與其他選取器歸在一起。若要閱讀結果,請使用CSS格式化工具展開。
授權註解會保留
一般註解會移除,但以/*!開頭的註解會保留。這是函式庫用來保留必須隨程式碼傳遞的著作權和授權聲明之慣例,因此請以這種形式加入聲明,精簡後的檔案就能維持合規。
壓縮也會移除輸出內容與來源之間的關聯。瀏覽器開發人員工具只能透過來源對映將精簡後的CSS對應回原始內容;來源對映由建置工具產生,而本頁不會產生。因此請保留可讀檔案,並以它作為編輯版本。
使用方式
- 貼上CSS。
- 選擇「壓縮CSS」。
- 複製或下載最佳化後的樣式表。
隱私與限制
CSS會留在您的瀏覽器中。部署前,請根據視覺效果與瀏覽器支援需求測試結果。
相關工具
常見問題
它只是移除空格嗎?
不是。解析器也能最佳化值,並合併相容的結構。
註解會保留嗎?
一般註解會從壓縮後的結果中移除。
免費工具・使用在瀏覽器中次・免註冊