css redundancy checker怎么用

html-css013

css redundancy checker怎么用,第1张

在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。

CSS Redundancy Checker

CSS Redundancy Checker 是一个免费的在线应用，可以检查所有的使用某个CSS文件的页面中无用的样式。可以同时检查某一个样式在多个页面中的使用情况。该工具的不足是虽然一次能检查多个HTML页面，但每次只能检查一个CSS文件，而且还要手动输入

http://services.immike.net/css-checker/

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

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

2、CSS usage插件

（1）安装Firefox浏览器

（2）安装firebug

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

（3）安装css usage

步骤同安装firebug一样。

（4）检测

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

Open the page in Google Chrome

Open the developer tools (Ctrl+Shift+I)

Under Audits tab ->Select Audits to run - "Select All" &select "Audits Present State"

click run

expand the "Remove unused CSS rules" item to view a list of style sheets that contain unused style rules.

作者：张小二

链接：https://www.zhihu.com/question/20519202/answer/24023665

来源：知乎

著作权归作者所有，转载请联系作者获得授权。