检测和删除多余无用的css

1、chrome浏览器 F12审查元素的Audits

检测和删除多余无用的css_第1张图片

说明: 使用Audits,会检测出页面中没有用到的css,需要手动删除多余的css;同时需要说明的是检测出多余无用的css块,而不是某一行css。
2、CSS usage插件
(1)安装Firefox浏览器
(2)安装firebug
Firefox浏览器--添加附件--搜索插件--安装
检测和删除多余无用的css_第2张图片

(3)安装css usage
步骤同安装firebug一样。
(4)检测


检测和删除多余无用的css_第3张图片

重要说明:可以导出干净的css


检测和删除多余无用的css_第4张图片

总结:以上2种方法都是检测多余的css代码块。有无检测每一行是否多余的插件或者工具呢?
后续继续研究。
作者:王翔 QQ:592767079 Email:wangxianglengye.com 期待共同进步!

你可能感兴趣的:(检测和删除多余无用的css)