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 的图片工具会用于发现,并在需要浏览器能力时返回网页入口。