2011-10-31 87 views
8

我的环境是使用Resharper 6.0的Visual Studio 2010。我有一个包含很多CSS样式的大型网站。如何可靠地跟踪CSS用法?

我想整理这些了作为他们中的很多都不再使用,我发现ReSharper的让您追踪用途,但显然这可以在后台代码等

错过了CSS类规范我唯一的解决方案是在VS中查找文件,但显然当你有大量的样式,这证明太慢和繁琐。

有没有人有类似的困境?

编辑:值得一提的是,该网站是一个包含大约10,000页的CMS,所以任何需要浏览页面的内容也可能有点棘手。

+0

Upvoting and favoriting。希望有人知道一个好工具! :D – bobber205

回答

3

有一个firefox扩展名为dust me selector这样做。您启用它,然后导航到每个页面。它跟踪所有使用的CSS。你用所有跟踪的CSS样式吐出一个新的css文件。

+0

太糟糕了,它不支持ff 7. :( –

+0

该死的,这太糟糕了:-( – Mantorok

+0

看到我的编辑,这可能不适用于CMS解决方案 – Mantorok

2

Web Essentials Visual Studio扩展具有BrowserLink功能,该功能提供了一种在您浏览站点时跟踪站点中未使用的CSS的方法。

+0

是的,我知道,但我想分开多个文件中的CSS条目Webessential可以帮助在这? – Revious

+0

@Revious ,你有没有检查uncss? – coma

+0

@coma:我正在尝试使用它,看起来很有趣 – Revious

2

一种方法是在像PhantomJS这样的无头浏览器中运行您的网站,并检查应用的样式以删除未使用的样式。

幸运的是,建立在节点一个很好的工具,称为uncss做的正是这一点:

https://github.com/giakki/uncss

我在这里找到:

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

关于浏览所有网页,我不知道,如果你可以生成所有可能的URL,那么你可以自动完成这个过程。

试一试,让我知道它是否有帮助。