清理无用的CSS样式比较有用的几个工具

转载 2015年11月18日 15:46:38

http://www.cuoxin.com/info/10777.html


在我们写样式的时候,页面的CSS在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗,也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢?今天就让我们来了解一下几个比较有用的工具

  Dust-Me selectors

  Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。

  支持本地和远程样式文件,包括使用link标签、< ?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件;(但是不支持页面中的style块和内联样式)

  支持IE条件注释中引入的样式文件;

  可以检查一个页面,也可以检查整个网站;

  支持CSS1选择器、大部分CSS2和CSS3选择器;

  理解通用的CSS hack,比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”;

  支持Firefox 3.5和Firefox 3.0,事实上得益于FF 3.5的js引擎的改进,FF 3.5中的性能比FF 3.0要高50%。

  安装:点击这里。了解更多请访问 Dust-Me selector官方页面。

  Page Speed

  Page Speed是Google提供的一个前端性能分析工具,有些类似于YSlow,但是提供了一些比较个性且很有用的工具,比如Remove unused CSS.

  Page Speed和YSlow一样依赖Firebug,了解详情和安装请访问这里

  CSS Redundancy Checker

  CSS Redundancy Checker 是一个免费的在线应用,可以检查所有的使用某个CSS文件的页面中无用的样式。可以同时检查某一个样式在多个页面中的使用情况。该工具的不足是虽然一次能检查多个HTML页面,但每次只能检查一个CSS文件,而且还要手动输入

  http://services.immike.net/css-checker/

  IntelliJ IDEA

  IntelliJ IDEA 这是一个颇强大的IDE,类似于DreamWeaver,不过在国内用的不多。该软件包括一个即时代码分析工具(On-the-fly Code Analysis),可以分析CSS文件中未用到的class和id。

  Expression Web

  Expression Web作为微软的新一代网站开发工具,还是有很多人使用的,其CSS Report功能可以检查未用到需要被清除的CSS(我的确没有使用EW开发过网站,希望使用该软件的童鞋可以帮忙确认一下这一点)。


相关文章推荐

清理无用的CSS比较有用的几个工具

项目慢慢成形,页面的CSS在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗,也会增...

一个简单,但是非常有用的css样式,有木有

ul{margin: 16px 0 0 16px;} li{list-style: none; display:block;} .left{width:35%;text-align:} ul li s...

css样式设计时快速定位bug的几个好方法

在DIV+CSS模板设计中,检测查找CSS中的BUG无疑是一件痛苦的事情,下面一些经验或许可以帮助你更快的找出CSS中的BUG并进行修补! 1、检查是否清除浮动 其实有不少的 CSS BUG 问题...

bootstrap基本的CSS样式 图片 响应式工具

1.响应式图片 2.图片形状

通过开发者工具复制喜欢的网页风格HTML和css样式到自己的网页/站

本文以Facebook登录界面为例 第一步、选中喜欢的HTML 内容,比如下图的中间红色方框div部分 用鼠标选中相应的内容,得到对应HTML内容部分 第二步、新建HTML文件,将选中内容复制...

CSS样式工具类

1.字体超出框处理 text-overflow:ellipsis; overflow: hidden; white-space:pre;...

html Demo工具类:网页使用ie另存为htm文件时,css样式文件的图片路径不对,进行修改,并下载图片

网页使用ie另存为htm文件时,css样式文件的图片路径不对,进行修改,并下载图片。 最近老是要做html Demo。就写了一个工具类。   package com.chruan.html.ie...
  • chruan
  • chruan
  • 2013年04月18日 18:16
  • 2200

一些CSS样式效果,比较通用

  • 2011年07月01日 11:26
  • 16KB
  • 下载

CSS样式制作工具 很好用

  • 2008年01月18日 15:39
  • 1.4MB
  • 下载

CSS技巧:清理无用的CSS样式

我们在编写CSS样式的时候,往往或遭遇CSS样式的修改或者界面设计的变更,页面的CSS在经历几个版本的修改之后,可能有些样式已经用不到了,或许将某些样式更名了而原来的忘了删除,总之页面中可能存在着一些...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:清理无用的CSS样式比较有用的几个工具
举报原因:
原因补充:

(最多只允许输入30个字)