首页 论坛 CSS精简工具——除去多余的css样式
帖子详情

有时候开发网页中在改版之后,存在很多无意义的样式,后期管理和维护比较麻烦,且CSS体积太大,导致网站加载变慢,如果手动去删除,很可能会导致出现更混乱的问题。

给大家分享一款专门解决这种问题的chrome插件,它就是CSS remove and combine,这是一款可以通过创建仅包含正在使用的选择器的新CSS样式表来删除页面上未使用的CSS规则的插件。它可以从页面上的所有样式表中删除未使用的选择器,并将结果组合到一个可以下载的样式表中,这不仅可以整理和优化样式表,还可以将它们组合成一个文件,然后可以下载该文件。扩展使用的方法是基于消除所有ID和类的选择器,这些选择器引用不在页面上的ID和类。还有一个快速查看对话框,该对话框将在页面上为用户提供有关已使用和未使用的选择器数量的信息。

安装之后的效果:
CSS精简工具——除去多余的css样式

其功能主要有两个部分

① 下载精简格式化后的CSS:

CSS精简工具——除去多余的css样式

② 未使用的选择器分析报告:

CSS精简工具——除去多余的css样式

CSS remove and combine插件安装使用

1.你可以从chrome应用商店里找到CSS remove and combine插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到CSS remove and combine插件下载地址,当然你也可以借助于或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。

另外还有:在线删除无效css工具

版权:言论仅代表个人观点,不代表新媒高科立场。转载请注明出处:https://www.xinmeiht.com/forum/3616.html

发表评论
暂无评论

还没有评论呢,快来抢沙发~

客服QQ

在线时间:8:00-16:00

客服电话

18599919985

客服邮箱

wh@xinmeiht.com

扫描二维码

关注新媒高科

扫描二维码

关注萌二助手