仅从css文件中提取已使用的css类

Question

我正在为当前的应用程序（asp.net mvc）进行升级。我的问题是，我有一个现有的css文件名＆＃34; styles.css＆＃34;。现在这个文件有很多css类，它们用在不同的页面中。

现在作为升级过程的一部分，此css文件将不再使用。但我仍然想要这个文件中的某些css类，以便我可以将它们复制到一个新文件中并将其包含在我的页面中。

有关如何提取我的新页面中使用的这些样式的任何想法。是的，我想要选择的样式已经设置为页面中的控件。请帮忙。

Answer 1

使用多个工具查找单页中使用的页面应该很容易。 一个好工具称为UnCSS 。

诀窍是检查整个网站，在那里共享CSS文件。

这种方法最近在社交网络中很受欢迎，一些知名人士分享了这种方法，如谷歌的Addy Osmani和一些Google Chrome玩家：

http://addyosmani.com/blog/removing-unused-css/

Answer 2

使用Chrometools审核

在Chrome中按：F12 - ＆gt; Audits - ＆gt; Run

它会让你知道什么是和不使用。

Answer 3

有很多方法，例如：

• Firefox插件，这将提取使用过的css https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

• 用于镀铬 https://chrome.google.com/webstore/detail/css-remove-and-combine/cdfmaaeapjmacolkojefhfollmphonoh?hl=en-GB

• 手动：Chrome（或其他浏览器）中的另一种方式，右键单击并选择inspect元素，这将显示正在处理特定元素的层次结构，您可以使用已使用的css

• 您可以从以下工具中找到未使用的CSS，以便您可以清理您的CSS以获得纯粹的CSS http://unused-css.com/ 要么 http://www.pontikis.net/blog/remove-unused-css

Answer 4

使用浏览器调试器，单击站点上的元素，并在右上角查看哪些类是机器并复制它们。