【问题标题】：find unused images, css rules, js script blocks [closed]查找未使用的图像、css 规则、js 脚本块 [关闭]
【发布时间】：2011-01-14 12:19:53
【问题描述】：

我们有一个相当大的 asp.net 网站。

图像、css 和 javascripts 是网站项目中组织的属性，但随着我们正在改变网站的外观和感觉，我想知道是否有工具/插件可以帮助我识别哪些图像未在网站中使用。

我也想用 css 和 javascript 找到同样的东西。我看过dustme firefox扩展，但只有css。

【问题讨论】：

【解决方案1】：

未使用的 CSS

看看http://www.sitepoint.com/dustmeselectors/ 的 Firefox 扩展 Dust-Me。
Google Chrome 在其开发者控制台中有一个website auditing tool。
我还发现这个站点用于删除未使用的 css - http://unused-css.com/ 。键入站点的 url，您将获得 CSS 选择器列表。对于每个选择器，一个数字表示一个选择器被使用了多少次。此服务有一些限制。不支持 @import 语句。您无法配置和下载新的干净 CSS 文件。
Helium CSS 是一个 javascript 工具，用于发现网站上许多页面中未使用的 CSS。您首先必须将 javascript 文件安装到要测试的页面。然后，你必须调用一个氦函数来开始清洗。
CSSESS 是一个小书签，可帮助您在任何站点上查找未使用的 CSS 选择器。这个工具很容易使用，但它不会让你配置和下载干净的 CSS 文件。它只会列出未使用的 CSS 文件。
How can I find unused images and CSS styles in a website?

未使用的图片：

【讨论】：

有一些断开的链接。在使用 Chrome Inspector Audits 时也需要小心。它不考虑可能与其他页面共享的单独样式表文件中的 CSS，并抱怨那里未使用 CSS。对于内联 CSS 可以这样做，但对于 CSS 文件则不行。审核不会扫描整个站点。它只是扫描当前页面。
关于 CSS：我推荐 grunt 任务 purifycss，它也关心 javascript 添加的 ids 和 classes
[无耻插件] 我创建了一个免费的在线工具，可以找到未使用的 CSS：jitbit.com/unusedcss 并递归地抓取您的网站

【解决方案2】：

一种可能的方法是：

显然这种方法有一些限制，但如果你拥有它，它可能是一个好的开始！

【讨论】：

【解决方案3】：

由于 Javascript 是一种动态语言，并且以动态方式调用，因此您无法找到一个工具来查找未使用的 javascript。

您可以使用工具调用JSCoverage 来分析您的代码并列出调用的方法。这应该对您有所帮助。

【讨论】：

【解决方案4】：

我从来没有遇到任何声称可以做到这一点的浏览器扩展。

我运行一个控制台应用程序，它依赖于 AgentRansack 在项目目录中查找未使用的 css 类（即在 ascx/js 等中声明但未引用） - 然后它将结果合并到使用报告中。我假设这可以相当轻松调整以查找图像 src 等，只要项目目录已删除未使用的页面。

是否需要这样一个适当分布的工具？

【讨论】：

【解决方案5】：

服务器不会打开未使用的文件，因此您可以检查上次访问时间。对吧？

【讨论】：

CSS/JS 文件包含在一个文件中，有时是 2 个或更多文件。网站可能会使用 CSS 中的某些类，但其他类没有使用。但是，服务器将访问该 CSS，因为 HTML 正在引用它。 JS也是如此。函数可能不会被使用，但作为一个 JS 文件本身，服务器会访问它。
@Brajeshwar 你是对的，但是这个方法还是很有帮助的。