首页 > 技术文章 > 精简CSS bootstrap、flat-ui等

lancode 2014-09-05 16:39 原文

  眼下随着CSS框架的广泛使用,尤其是bootstrap这样的主流CSS。如果在不使用CDN的情况下,

  就存在网站或者项目部署生产环境,考虑流量和带宽的问题,其中CSS的精简就要开始着手做了,

  删掉不使用的CSS,只保留网站或者项目用到的。那就就是我要推荐的一个精简工具。

  其实就是火狐神器firebug下的一个插件---css Usage

  相信但凡是现在的程序员,firebug是必不可少的开发神器。

  安装好firebug之后,在火狐里搜索css Usage安装重启即可。

  安装完成之后在firebug的cookies tab后面会多出一个css Usage的tab,下面介绍如何使用它。

 

  好吧,其实看截图,相信你已经会使用了,clear是清屏,Scan是扫描,autoScan是自动扫描,然后会列出当前网页用到的CSS文件。

 很清晰的显示那个使用了,那个没有使用,单机那行灰色的小子 export cleaned css 能自动导出所用到的css。

 这里面有一个需要注意的,导出来的css,需要过滤

UNUSED

然后就大功告成。

 

推荐阅读