打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
检查多余CSS代码的神器

检查多余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%。

 

安装连接:

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

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

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

 

单击右键选择spider sitemap。

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

 

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

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
无用的css样式怎么去清除?
在HTML中使用CSS美化网页的三种方法
Css教程-简介原理
怎样用JS判断各浏览器调用各自的css文件
注意.css文件的格式引发的问题
ie6 ie7 FF 兼容
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服