清除页面中多余的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%。

下载地址:https://addons.mozilla.org/en-us/firefox/addon/dust-me-selectors/

二、Page Speed

Page Speed是Google提供的一个前端性能分析工具,有些类似于YSlow,但是提供了一些比较个性且很有用的工具,比如Remove unused css:
Page Speed和YSlow一样依赖Firebug。

下载地址:http://code.google.com/intl/zh-CN/speed/page-speed/download.html

另附解除firefox版本兼容性限制的插件:https://addons.mozilla.org/zh-cn/firefox/addon/add-on-compatibility-reporter/