写网页的时候用的bootstrap,可是写到后面发现用到的bootsrap的样式并不多,可是抛弃boostrap的话,更改起来又有点麻烦,现在有没有css的分析优化工具,可以找到网页中用到了哪些样式,然后把没有用到的自动删除掉。
写网页的时候用的bootstrap,可是写到后面发现用到的bootsrap的样式并不多,可是抛弃boostrap的话,更改起来又有点麻烦,现在有没有css的分析优化工具,可以找到网页中用到了哪些样式,然后把没有用到的自动删除掉。
http://cssshrink.com/ 这款工具可以合并压缩css 并且可以会检测重复的css自动合并 比如.nav{left:5px;}.box{left:5px;} 它就会进行合并 .nav,.box{left:5px;}
使用firefox的插件:css usage
可以列出所有引入的内联,外链的css文件
红色的就是未使用的类了,不过有些样式隐藏的比较深,进入页面检测时,可以把页面所有的表单,经过效果都点一遍,让隐藏的样式显示出来
2 回答862 阅读✓ 已解决
4 回答956 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
2 回答833 阅读✓ 已解决
2 回答1k 阅读✓ 已解决
2 回答2.6k 阅读
之前回答过一个类似的问题,http://segmentfault.com/q/1010000000692695/a-1020000000692903
有一个
uncss
项目,题主可以试用一下。这个项目的思路大致如下:
PhantomJS
加载页面并执行页面中的JS代码css-parse
进行解析document.querySelector
来过滤出那些未在页面中找到对应元素的选择器但是这样存在一个问题,如果一个用户点击了某个地方弹出了一个对话框,但如果页面加载完的时候不存在这个对话框,就有可能出现样式被误删的情况。