欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

讲解如何检测页面中多余无用的css

程序员文章站 2022-05-23 10:46:16
...
本文主要讲解如何检测页面中多余无用的css。

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

讲解如何检测页面中多余无用的css

说明:使用Audits,会检测出页面中没有用到的css,需要手动删除多余的css;同时需要说明的是检测出多余无用的css块,而不是某一行css。

2、CSS usage插件

(1)安装Firefox浏览器

(2)安装firebug

Firefox浏览器--添加附件--搜索插件--安装

讲解如何检测页面中多余无用的css

(3)安装css usage

步骤同安装firebug一样。

(4)检测

讲解如何检测页面中多余无用的css

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

讲解如何检测页面中多余无用的css

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

后续继续研究。

以上就是讲解如何检测页面中多余无用的css的详细内容,更多请关注其它相关文章!