CSS 壓縮
將 CSS 壓縮為緊湊的樣式表,無需重新排序規則。
縮小 CSS,同時保留級聯
CSS 壓縮 刪除了可避免的空格、註解和格式,因此樣式表佔用的空間較少。 它對於不需要完整建置管道的快速片段、嵌入樣式、範例和靜態資源非常有用。
CSS 縮小必須保留選擇器順序、宣告順序、特異性、級聯層、自訂屬性和 at 規則結構。重新排序或合併規則可以更改計算樣式,因此該工具專注於緊湊文字而不是有風險的最佳化。
使用方法
- 將 CSS 程式碼貼到輸入編輯器中。
- 按一下 壓縮 CSS 以刪除可避免的格式和註解。
- 檢查輸出以確認保留規則順序、at 規則和自訂屬性。
- 使用 複製 作為剪貼簿,使用 下載 作為文件,或使用 清除 進行重置。
CSS 壓縮器是什麼?
CSS 壓縮 是一個基於瀏覽器的實用程序,用於將可讀的 CSS 轉換為較小的樣式表。它保留相同的規則和聲明,同時刪除瀏覽器不需要的格式字元。
有些註釋是有意義的,例如許可證橫幅或建立工具註釋。保留一個可讀的來源文件,並在使用它的頁面中直觀地驗證縮小的 CSS。
輸入說明
僅貼上 CSS。如果您的專案需要自動前綴、來源對應、未使用的 CSS 刪除或進階合併,請透過正常的建置和瀏覽器測試流程執行輸出。
範例
透過刪除註解和格式化空白來壓縮短樣式表:
--- Formatted Input ---
/* Main styles */
body {
margin: 0;
padding: 0;
}
--- Minified Output ---
body{margin:0;padding:0;}
MCP 整合
MCP(Model Context Protocol,模型上下文協議)讓 AI 代理和應用可以探索並呼叫 Coding.Tools 工具,用於可重複的轉換、格式化、雜湊和產生工作流程。
MCP 工具名稱: css-minifier
MCP 端點: https://coding.tools/mcp
請先呼叫 tools/list。每個工具項目都包含 inputSchema、outputSchema 和 examples,AI 代理或客戶端可據此建立有效參數,不需要猜測。
呼叫 tools/call 後,result.content[0].text 是顯示用結果,result.structuredContent 是適合程式解析的結構化結果。工具層級失敗會回傳 isError: true;協議層級失敗會回傳 JSON-RPC error。
tools/call 請求範例:
curl -s https://coding.tools/mcp \
-H "Content-Type: application/json" \
-H "Accept: application/json" \
-H "MCP-Protocol-Version: 2025-06-18" \
-d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"css-minifier","arguments":{"input":".button {\n color: white;\n background: #3366cc;\n padding: 8px 12px;\n}"}}}'
大多數文字與資料工具接受 input 字串以及可選的 options。只依賴瀏覽器圖片 API 的圖片工具會用於探索,並在需要瀏覽器能力時返回網頁入口。