检测和删除多余无用的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 期待共同进步!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在做前端开发时,我们需要用到一些调试工具用来调试我们的HTML、CSS或者JS代码,俗话说预先善其事必先利其器,这...
    Rella7阅读 24,331评论 0 15
  • 前言 相信无论是对于身居一线的coder,还是退居多年的老司机managers来说,对于调试程序是不陌生的,对于w...
    itclanCoder阅读 2,791评论 0 7
  • 目录: 1-------- 走进前端 2-------- jQuery 3-------- CSS ...
    vikang阅读 11,205评论 29 445
  • 你爱的是春天 我爱的是秋季 秋季正和我相似 春天却像是你 你的红红的脸 是春天的玫瑰 我的疲倦的眼光 是秋天太阳的...
    诺亚小舟阅读 162评论 0 2
  • 9月9日下午,北京左安门左安浦园内,一位女子因丈夫出轨三个月未回家,带着女儿欲跳楼轻生。 女子让女儿先跳楼,孩子哭...
    酸杏儿阅读 968评论 4 2

友情链接更多精彩内容