开发者社区> 问答> 正文

分析优化工具的删除

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

展开
收起
杨冬芳 2016-06-02 11:48:44 2197 0
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
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《开放搜索查询分析服务架构分享》 立即下载
如何使用Tair增强数据结构构建丰富在线实时场景 立即下载
《Pulsar 2.8.0 功能特性概述及规划》 立即下载