從頁面提取使用的CSS

我需要從19,000行CSS文件中提取使用的CSS，其中98.4％未使用（ouch）。我知道你可以使用Chrome開發者工具查看CSS覆蓋，就像這樣：從頁面提取使用的CSS

但它不會讓你甚至直接跳轉到綠線。手動通過19K條線路似乎不可行。

鉻燈塔似乎沒有給你一個選項，只看到你需要的規則，像開發者工具用於，或者。

我試過Firefox的「CSS Usage」插件（很多網站推薦），但它需要FireBug，它本身在當前版本的FireFox中不兼容。

任何人都可以想出一種方法來拉出只是用於某種方式的CSS嗎？

你看看htt ps：//github.com/purifycss/purifycss已經？ –

_「但它需要FireBug，它本身在當前版本的FireFox中不兼容」_ - 太糟糕了，所有舊版本的Firefox已經完全從網上消失，甚至沒有人類的內存......如果不是，只有像https://ftp.mozilla.org/pub/firefox/releases/存在。 – CBroe

我問過同樣的問題 - > https://stackoverflow.com/questions/44633247/how-to-save-the-results-analysed-by-the-chromes-coverage-tool :)希望你會有更多的運氣！ – Morpheus

希望這將幫助你

只是在正確的添加HTML中左和CSS。點擊確定btn然後看到魔法

如果在css中有任何錯誤，那麼它會要求您刪除該行號中的錯誤。

這是最簡單梅索德:)

2017-10-20 13:40:24

這拉出了一些奇怪的東西，但它也掏出一些好東西。如果你卡住了，肯定會有改善。 –

我使用PurifyCSS我的一些項目。幫助我保持我的CSS輕量級。

不要」瞭解你的項目結構和工作流程，但也有噸教程在那裏：

還有爲擺脫未使用的CSS的一些在線解決方案，從未試過，但：

2017-10-20 13:41:35

提示：實際解釋而非僅僅發佈外部鏈接總是首選，因爲這些鏈接將比您想象的更早消失！ –

有道理。我會牢記這一點。謝謝Chuck。 –

回答