我的环境是使用Resharper 6.0的Visual Studio 2010。我有一个包含很多CSS样式的大型网站。如何可靠地跟踪CSS用法?
我想整理这些了作为他们中的很多都不再使用,我发现ReSharper的让您追踪用途,但显然这可以在后台代码等
错过了CSS类规范我唯一的解决方案是在VS中查找文件,但显然当你有大量的样式,这证明太慢和繁琐。
有没有人有类似的困境?
编辑:值得一提的是,该网站是一个包含大约10,000页的CMS,所以任何需要浏览页面的内容也可能有点棘手。
我的环境是使用Resharper 6.0的Visual Studio 2010。我有一个包含很多CSS样式的大型网站。如何可靠地跟踪CSS用法?
我想整理这些了作为他们中的很多都不再使用,我发现ReSharper的让您追踪用途,但显然这可以在后台代码等
错过了CSS类规范我唯一的解决方案是在VS中查找文件,但显然当你有大量的样式,这证明太慢和繁琐。
有没有人有类似的困境?
编辑:值得一提的是,该网站是一个包含大约10,000页的CMS,所以任何需要浏览页面的内容也可能有点棘手。
有一个firefox扩展名为dust me selector这样做。您启用它,然后导航到每个页面。它跟踪所有使用的CSS。你用所有跟踪的CSS样式吐出一个新的css文件。
Web Essentials Visual Studio扩展具有BrowserLink功能,该功能提供了一种在您浏览站点时跟踪站点中未使用的CSS的方法。
一种方法是在像PhantomJS这样的无头浏览器中运行您的网站,并检查应用的样式以删除未使用的样式。
幸运的是,建立在节点一个很好的工具,称为uncss做的正是这一点:
https://github.com/giakki/uncss
我在这里找到:
http://addyosmani.com/blog/removing-unused-css/
关于浏览所有网页,我不知道,如果你可以生成所有可能的URL,那么你可以自动完成这个过程。
试一试,让我知道它是否有帮助。
Upvoting and favoriting。希望有人知道一个好工具! :D – bobber205