首页 » HTML与CSS » 阅读文章

一个Firefox插件可过滤多余CSS代码

2014-04-29 09:55 7268 0 发表评论
标签:

写过网页的都知道,我们在为网站写CSS样式的时候,经常会遇到CSS样式的修改或者界面设计的改变,而这些网页在经过长时间无数次的修改之后,可能有些样式已经用不到了,或者不小心将某些样式更名了而原来的忘了删除,总之页面中可能存在着一些没用的CSS代码。这些无用的CSS代码浪费了一些服务器空间和带宽消耗,因此网站打开速度越来越慢,当然,打开速度变慢也有很多原因的,这里就不细说了。

所以呢鉴于以上的原因,今天分享一个火狐的插件,叫dust-me-selectors,堪称神器。

为什么说dust-me-selectors是神器呢,因为他支持多个页面同时监控,比如当PAGE1没有使用的,PAGE2有使用的,不会判断为unused。避免多页面,误删代码的情况,非常方便!唯一的缺点貌似就是得手动删除,这个等我有了新发现我再分享。

优点:

  1. 支持本地和远程样式文件,包括使用<link>标签、<?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件;(但是不支持页面中的<style>块和内联样式)
  2. 支持IE条件注释中引入的样式文件;
  3. 可以检查一个页面,也可以检查整个网站;
  4. 支持CSS1选择器、大部分CSS2和CSS3选择器;
  5. 理解通用的CSS hack,比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”;
  6. 支持Firefox 3.5和Firefox 3.0,事实上得益于FF 3.5的js引擎的改进,FF 3.5中的性能比FF 3.0要高50%。

安装连接:

http://www.sitepoint.com/dustmeselectors/

该工具是Firefox浏览器的一个附加插件。在FF浏览器地址栏中输入以上网址,点击Install now!系统便会安装此工具。

安装完成后,在火狐的右下角会出现一个扫帚的图标。

QQ20130203234541

单击右键选择spider sitemap。

QQ20130203234624

在输入框中输入网站地图的URL就可以进行全站CSS的检查。数分钟之后就可以出结果了。结果图如下(点击看大图):

扫描结果

我的博客因为修改无数次,所以多余的CSS代码一大堆。

以上就是教程,有需要的朋友拿去吧。

本文地址:http://www.jwzzsw.com/archives/1709.html

文章作者:思悟
版权所有 © 转载时请以链接形式注明作者和原始出处!

评论 共0条 (RSS 2.0) 发表评论

  1. 暂无评论,快抢沙发吧。

发表评论

联系我 Contact Me

回到页首