精简网页模板检测和删除多余无用的css

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

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

(3)安装css usage
步骤同安装firebug一样。
(4)检测
重要说明:可以导出干净的css

总结:以上2种方法都是检测多余的css代码块。有无检测每一行是否多余的插件或者工具呢?
后续继续研究。

作者:王翔爱摇滚乐爱电影爱心理学爱哲 QQ:592767079 Email:wangxianglengye.com
链接:https://www.jianshu.com/p/accee2653824
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Leave a Reply

:?: :razz: :sad: :!: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: :smile: :evil:
贴图 表情 ( ps. 若要贴代码, 请將 "<" 改成 "&lt;" 即可, 此方法在所有 WP 网站均适用. )

RSS feed for comments on this post. TrackBack URL