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