开发者社区 问答 正文

分析优化工具的删除

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

展开
收起
杨冬芳 2016-06-02 11:48:44 2343 分享 版权
1 条回答
写回答
取消 提交回答
  • IT从业

    screenshot
    有一个uncss项目,题主可以试用一下。
    •uncss
    •grunt-uncss
    •gulp-uncss

    这个项目的思路大致如下:
    1.使用PhantomJS加载页面并执行页面中的JS代码
    2.从页面中解析出外链的CSS文件
    3.合并这些CSS文件,并用css-parse进行解析
    4.使用document.querySelector来过滤出那些未在页面中找到对应元素的选择器
    5.剩下的规则就是我们需要的了

    但是这样存在一个问题,如果一个用户点击了某个地方弹出了一个对话框,但如果页面加载完的时候不存在这个对话框,就有可能出现样式被误删的情况

    2019-07-17 19:24:32
    赞同 展开评论
问答分类:
问答地址: