开发者工具 / 16
CSS压缩工具
通过压缩结构和属性值来解析、优化并压缩CSS。
CSS压缩工具: TOEA使用CSS解析器移除不必要的语法,并安全地重新组织兼容的规则。此工具在本地处理CSS。 完全在浏览器中本地运行,文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
重构会做什么
除了删除空白,压缩工具还会缩短值(将#ffffff变为#fff,将0px变为0)并合并规则。具有相同声明的两个选择器会合并为一条规则;在层叠规则允许时,声明也可能在规则之间移动。因此,输出内容不一定遵循源代码顺序,搜索某个选择器时可能会发现它与其他选择器归在一起。要阅读结果,请使用CSS格式化工具展开。
许可证注释会保留
普通注释会被删除,但以/*!开头的注释会保留。库通常使用这种约定保留必须随代码一起发布的版权和许可证声明,因此请使用这种形式添加声明,这样压缩后的文件仍符合要求。
压缩也会切断输出与源代码之间的对应关系。浏览器开发者工具只有通过源映射才能将压缩后的CSS映射回原始代码,而构建工具会生成源映射,本页面不会生成。因此,请保留可读文件,并以它作为编辑版本。
使用方法
- 粘贴CSS。
- 选择“压缩CSS”。
- 复制或下载优化后的样式表。
隐私与限制
CSS会保留在浏览器中。部署前,请根据视觉效果和浏览器支持要求测试结果。
相关工具
常见问题
它只是移除空格吗?
不是。解析器还可以优化属性值,并合并兼容的结构。
注释会保留吗?
普通注释会从压缩结果中移除。
免费工具·使用在浏览器中次·无需账户