检查CSS样式文件中不被使用样式
发布于 7 年前 作者 guankaishe 6452 次浏览 最后一次编辑是 3 年前

github地址:https://github.com/switer/DoverJS 使用方式可以作为命令行工具,也提供了NodeJS的模块接口。

用例

style.css
body {}
.btn {}
.unknow {}
#main div {}
.other a {}
index.html
<html>
<head></head>
<body>
<div class="btn"></div>
<div id="main">
    <div></div>
</div>
</body>
</html>

对于index.htmlstyle.css中的.unknow .other a的样式没被用到,怎样自动检查出来呢?

试试doverjs:

在命令终端使用

doverjs -s style.css -d index.html

在nodejs代码中使用

var dover = require('doverjs');
dover.cover({style:'style.css', html:'index.html'}, function (resp) {
    //resp.....
});

或者把没用的删除了

dover.remove({style:'style.css', html:'index.html'}, function (resp) {
    //resp.....
});

检查CSS文件中的样式在指定网址(可以为一个静态HTML文件)的使用情况。 支持动态脚本改变DOM的选择器。 支持伪类选择器。 支持一些CSS3特性的选择器。 可以检查@media中选择器。

4 回复

我是来支持二哥的。

用一下,添加了nodejs的api,你可以在用grunt构建的时候检查无用的css,哇咔咔

可惜没啥人。。

好上是没什么人上。。。

回到顶部