寫過網(wǎng)頁的都知道,我們在為網(wǎng)站寫CSS樣式的時候,經(jīng)常會遇到CSS樣式的修改或者界面設(shè)計的改變,而這些網(wǎng)頁在經(jīng)過長時間無數(shù)次的修改之后,可
能有些樣式已經(jīng)用不到了,或者不小心將某些樣式更名了而原來的忘了刪除,總之頁面中可能存在著一些沒用的CSS代碼。這些無用的CSS代碼浪費了一些服務(wù)
器空間和帶寬消耗,因此網(wǎng)站打開速度越來越慢,當(dāng)然,打開速度變慢也有很多原因的,這里就不細(xì)說了。
所以呢鑒于以上的原因,今天分享一個火狐的插件,叫dust-me-selectors,堪稱神器
。
為什么說dust-me-selectors是神器呢,因為他支持多個頁面同時監(jiān)控,比如當(dāng)PAGE1沒有使用的,PAGE2有使用的,不會判斷為unused。避免多頁面,誤刪代碼的情況,非常方便!唯一的缺點貌似就是得手動刪除,這個等我有了新發(fā)現(xiàn)我再分享。
優(yōu)點:
- 支持本地和遠(yuǎn)程樣式文件,包括使用<link>標(biāo)簽、<?xml-stylesheet?>處理指令、@import語句等方式引入的樣式文件;(但是不支持頁面中的<style>塊和內(nèi)聯(lián)樣式)
- 支持IE條件注釋中引入的樣式文件;
- 可以檢查一個頁面,也可以檢查整個網(wǎng)站;
- 支持CSS1選擇器、大部分CSS2和CSS3選擇器;
- 理解通用的CSS hack,比如 “* html #fuck-ie”將會被認(rèn)為是”html #fuck-ie”;
- 支持Firefox 3.5和Firefox 3.0,事實上得益于FF 3.5的js引擎的改進(jìn),F(xiàn)F 3.5中的性能比FF 3.0要高50%。
安裝連接:
http://www.sitepoint.com/dustmeselectors/
該工具是Firefox瀏覽器的一個附加插件。在FF瀏覽器地址欄中輸入以上網(wǎng)址,點擊Install now!系統(tǒng)便會安裝此工具。
安裝完成后,在火狐的右下角會出現(xiàn)一個掃帚的圖標(biāo)。
單擊右鍵選擇spider sitemap。
在輸入框中輸入網(wǎng)站地圖的URL就可以進(jìn)行全站CSS的檢查。數(shù)分鐘之后就可以出結(jié)果了。結(jié)果圖如下(點擊看大圖):
我的博客因為修改無數(shù)次,所以多余的CSS代碼一大堆。
以上就是教程,有需要的朋友拿去吧。