這些無用的浪費(fèi)了一些服務(wù)器空間和帶寬消耗,也會增大我們的維護(hù)成本。那么有沒有一些辦法來清理那些無用的樣式呢?今天就讓我們來了解一下幾個比較有用的工具。
Dust-Me selectors
Dust-Me是一個很有用也很好用的Firefox插件,它可以分析到你的頁面中調(diào)用的所有CSS文件并分析那些在頁面中沒有被用到。
支持本地和遠(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,事實(shí)上得益于FF 3.5的js引擎的改進(jìn),F(xiàn)F 3.5中的性能比FF 3.0要高50%。
安裝:點(diǎn)擊這里。了解更多請?jiān)L問 Dust-Me selector官方頁面。
Page Speed
Page Speed是Google提供的一個前端性能分析工具,有些類似于YSlow,但是提供了一些比較個性且很有用的工具,比如Remove unused CSS.
Page Speed和YSlow一樣依賴Firebug,了解詳情和安裝請?jiān)L問這里。
CSS Redundancy Checker
CSS Redundancy Checker 是一個免費(fèi)的在線應(yīng)用,可以檢查所有的使用某個CSS文件的頁面中無用的樣式。可以同時檢查某一個樣式在多個頁面中的使用情況。該工具的不足是雖然一次能檢查多個HTML頁面,但每次只能檢查一個CSS文件,而且還要手動輸入
http://services.immike.net/css-checker/
IntelliJ IDEA
IntelliJ IDEA 這是一個頗強(qiáng)大的IDE,類似于DreamWeaver,不過在國內(nèi)用的不多。該軟件包括一個即時代碼分析工具(On-the-fly Code Analysis),可以分析CSS文件中未用到的class和id。
Expression Web
Expression Web作為微軟的新一代網(wǎng)站開發(fā)工具,還是有很多人使用的,其CSS Report功能可以檢查未用到需要被清除的CSS(我的確沒有使用EW開發(fā)過網(wǎng)站,希望使用該軟件的童鞋可以幫忙確認(rèn)一下這一點(diǎn))。
新聞熱點(diǎn)
疑難解答
圖片精選