从页面提取使用的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。 –

回答