开发者社区> 问答> 正文

有没有 css 的分析优化工具,删除没用的 css

写网页的时候用的bootstrap,可是写到后面发现用到的bootsrap的样式并不多,可是抛弃boostrap的话,更改起来又有点麻烦,现在有没有css的分析优化工具,可以找到网页中用到了哪些样式,然后把没有用到的自动删除掉。

展开
收起
a123456678 2016-05-27 11:03:19 2204 0
1 条回答
写回答
取消 提交回答
  • 有一个uncss项目,题主可以试用一下。

    uncss
    grunt-uncss
    gulp-uncss
    这个项目的思路大致如下:

    使用PhantomJS加载页面并执行页面中的JS代码
    从页面中解析出外链的CSS文件
    合并这些CSS文件,并用css-parse进行解析
    使用document.querySelector来过滤出那些未在页面中找到对应元素的选择器
    剩下的规则就是我们需要的了
    但是这样存在一个问题,如果一个用户点击了某个地方弹出了一个对话框,但如果页面加载完的时候不存在这个对话框,就有可能出现样式被误删的情况。

    2019-07-17 19:17:23
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
JS 语言在引擎级别的执行过程 立即下载
穆客带你快速定位Node.js内存泄露 立即下载