找到未使用的图像，css规则，js脚本块

Question

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

图片，css和javascripts是在网站项目中组织的属性，但是当我们改变网站的外观时，我想知道是否有工具/加载项可以帮助我识别哪些图像没有在网站上使用。

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

Answer 1

未使用的CSS

1. 在http://www.sitepoint.com/dustmeselectors/查看Firefox扩展程序Dust-Me。

2. Google Chrome在其开发者控制台中有一个website auditing tool。

3. 此外，我发现此网站用于删除未使用的css - http://unused-css.com/。 输入网站的网址，您将获得CSS选择器列表。对于每个选择器，数字表示选择器的使用次数。此服务有一些限制。不支持@import语句。您无法配置和下载新的干净CSS文件。

4. Helium CSS是一个javascript工具，用于在网站上的许多页面中发现未使用的CSS。首先必须将javascript文件安装到要测试的页面。然后，您必须调用氦气功能来开始清洁。

5. CSSESS是一个书签，可帮助您在任何网站上查找未使用的CSS选择器。该工具非常易于使用，但它不允许您配置和下载干净的CSS文件。它只会列出未使用的CSS文件。

6. How can I find unused images and CSS styles in a website?

未使用的图片：

1. http://obsidience.blogspot.in/2008/06/using-powershell-to-find-unused-images.html
2. How Do I Make a Bash Script To Find Unused Images in a Project?

未使用的JS：

1. Find unused CSS rule and js script in a web project?
2. Find unused Javascript functions?

Answer 2

一种可能的方法是：

1. 使用您的浏览器保存离线功能，并将网站及其所有资源的完整下载内容下载到本地文件夹。
2. 然后运行一个小的perl脚本，它会淹没所有*。{jpg，png，gif ... etc}
3. 然后在从项目源目录运行它时在列表上执行diff。

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

Answer 3

由于Javascript是一种动态语言并且以动态方式调用，因此您不会使用一种工具来查找未使用的JavaScript。

您可以使用工具调用JSCoverage来查询代码并列出调用哪些方法。这应该对你有所帮助。

Answer 4

我从来没有幸运任何宣称会这样做的浏览器扩展程序。

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

是否需要这样的正确分布式工具？

Answer 5

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