如何检查web应用程序中使用了哪些图像/css/javascript？

前几天我发现了这个小软件——WARI。它代表Web应用程序资源检查器。显然，它检查css、html、js和图像之间的依赖关系，并报告未使用和重复的css样式、javascript函数和图像

链接：

---

你用什么？有其他选择吗？

从概念上讲，这样的工具非常方便，因为找到散乱的文件并安全地删除它们通常是一项非常棘手的任务

我不确定情况是否如此。。。但从这个问题的措辞来看，这可能是一个自我推销问题，而不是一个认可的活动。如果你想用你自己的答案来回答“有什么工具可以做x、y和z”这个一般性问题，那就好了

为了记录在案，我使用了两个名为CheckWeb和Xenu的工具，它们将跟踪所有链接并报告找到的内容

这会找到任何404，然后将引用文件列表与目录列表进行比较，以查看哪些文件未被使用。（这很粗糙，但很有效）

你可以试试

---

有了它，你就可以查看你网站的所有相关信息。哪些CSS是未使用的，谷歌页面速度缩小你的JS文件等等。看看吧，你会印象深刻的。：-）

如果你是Firefox的粉丝，我碰巧使用了Firebug插件，它提供了一个万能的web开发工具包。我可能会夸大一点，但我觉得它非常有用。这里有一个简短的提示：Firebug与Firefox集成，在您浏览时，您可以使用大量的web开发工具。您可以在任何网页中实时编辑、调试和监视CSS、HTML和JavaScript

---

如果你想知道更多信息，你可以在这里查看他们的主页：

，因为Stat1124提到Firebug是非常宝贵的。net面板非常适合此用途，因为它显示了加载与页面关联的所有资产所需的时间，如果资源不可用，它还显示HTTP响应代码

当尝试优化站点时，yslow（）是firebug的一个很好的补充，因为它提供了具体的实现技巧，以实现更快速的页面加载

---

还有一个名为smush.it（）的强大实用程序，它最近被添加到yslow工具包中，可以优化图像大小。

如果您的目标是加快页面加载时间，WARI似乎肯定会帮助您减少加载页面所需的数据

但是，我建议你再向前走一步——采取以下措施：

• 组合文件是一种减少HTTP请求数量的方法，它将所有脚本组合成一个脚本，类似地将所有CSS组合成一个样式表。当脚本和样式表因页面而异时，组合文件更具挑战性，但将此部分作为发布过程的一部分可以缩短响应时间
• CSS精灵是减少图像请求数量的首选方法。将背景图像合并到单个图像中，并使用CSS背景图像和背景位置属性来显示所需的图像段
• 内联图像使用

  数据：

  URL方案将图像数据嵌入实际页面。这会增加HTML文档的大小。将内联图像合并到（缓存的）样式表中是减少HTTP请求并避免增加页面大小的一种方法。尚未在所有主要浏览器中支持内联图像