码迷,mamicode.com
首页 > Web开发 > 详细

精简CSS bootstrap、flat-ui等

时间:2014-09-05 17:51:31      阅读:334      评论:0      收藏:0      [点我收藏+]

标签:des   os   io   使用   ar   for   文件   问题   cti   

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

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

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

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

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

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

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

  bubuko.com,布布扣

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

bubuko.com,布布扣

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

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

UNUSED

然后就大功告成。

 

精简CSS bootstrap、flat-ui等

标签:des   os   io   使用   ar   for   文件   问题   cti   

原文地址:http://www.cnblogs.com/lancode/p/3958381.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!