我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候,頁(yè)面的CSS在經(jīng)歷幾個(gè)版本的修改之后,可能有些樣式已經(jīng)用不到了總之頁(yè)面中可能存在著一些無(wú)用的樣式。這些無(wú)用的浪費(fèi)了一些服務(wù)器空間和帶寬消耗,那么有沒有一些辦法來(lái)清理那些無(wú)用的樣式呢?今天就讓我們來(lái)了解一下幾個(gè)比較有用的工具。
Page Speed
Page Speed是Google提供的一個(gè)前端性能分析工具,有些類似于YSlow,但是提供了一些比較個(gè)性且很有用的工具,比如Remove unused CSS:
Dust-Me selectors
Dust-Me是一個(gè)很有用也很好用的Firefox插件,它可以分析到你的頁(yè)面中調(diào)用的所有CSS文件并分析那些在頁(yè)面中沒有被用到。
CSS Redundancy Checker
CSS Redundancy Checker 是一個(gè)免費(fèi)的在線應(yīng)用,可以檢查所有的使用某個(gè)CSS文件的頁(yè)面中無(wú)用的樣式。可以同時(shí)檢查某一個(gè)樣式在多個(gè)頁(yè)面中的使用情況。該工具的不足是雖然一次能檢查多個(gè)HTML頁(yè)面,但每次只能檢查一個(gè)CSS文件,
IntelliJ IDEA
IntelliJ IDEA 這是一個(gè)頗強(qiáng)大的IDE,類似于DreamWeaver,不過在國(guó)內(nèi)用的不多。該軟件包括一個(gè)即時(shí)代碼分析工具(On-the-fly Code Analysis),可以分析CSS文件中未用到的class和id。
Expression Web
Expression Web作為微軟的新一代網(wǎng)站開發(fā)工具,還是有很多人使用的,其CSS Report功能可以檢查未用到需要被清除的CSS。
【 微信掃一掃 】