2013-04-29 93 views
1

我知道有幾個關於未使用的CSS的問題,例如, How can I find unused images and CSS styles in a website?how can i find unused css in ajax app?安全地從web應用程序中刪除大塊的CSS

當我從這些問題並給予有它是目前無法自動檢查未使用的CSS一個完整的Web應用程序的答案理解。問題似乎是,即使您有權訪問源代碼,也幾乎不可能獲取所有可能生成的HTML。

另外請注意,在我的情況下,我想驗證一些CSS沒有被使用,而不是首先找到它。

不過我想刪除未使用的CSS是一個常見的任務。那麼它在現實生活中是如何完成的呢?我實際上必須爲更大的項目做到這一點。我目前的計劃是刪除一些CSS,手動測試,然後等待錯誤報告。我真的希望有更好的辦法。

編輯:我剛剛意識到,這個問題不是真的CSS具體。所以當我擴大我的搜索時,我發現What is the best way to remove dead code from your application?。在那裏給出的答案主要是說「只有在真的廣泛的測試」(這不是我的選擇)。

+1

我知道只有一種方法 - 看看鉻審計面板。它顯示未使用的css – kirugan 2013-04-29 07:51:47

+0

http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions?rq=1 – kirugan 2013-04-29 07:52:28

+0

我看到一個關於github的項目,但我不記得它的名字。但它更容易與css框架保持一致或將css文件拆分爲多個。 – mpm 2013-04-29 07:53:22

回答

0

目前還沒有確切的解決方案,但一個好的解決方法我在css wizardry發現:

這樣的事情添加到你的CSS:

#suspicious_selector { 
    background-image: url('/assets/img/dead/suspicious_selector.gif'); 
} 

的請求到該文件中的一些時間檢查後。如果沒有請求,刪除選擇器是安全的。