WordPress-检查多余CSS代码的神器

写过网页的都知道,我们在为网站写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%。

 

安装连接:

https://www.sitepoint.com/dustmeselectors/

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

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

 

单击右键选择spider sitemap。

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

 

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

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: