css - 有没有工具可以检查 CSS url 文件是否存在？

Question

我的任务是将网站从 Windows 服务器迁移到 Linux 服务器。

我立即注意到的一个问题是，有许多 CSS url() 定义不起作用，因为 CSS 中的大小写与实际文件不同。

例如:

background: url(myFile.jpg);

在服务器上文件实际上是 MyFile.jpg。

有谁知道我可以使用一个简单的工具或浏览器插件来扫描 CSS 文件并验证 url() 声明是否存在，以便我可以轻松找到并修复它们？

网站非常大，所以如果可以避免的话，我不想浏览页面来查找 404 错误。

Answer 1

在 Google Chrome 中使用开发者工具或在 Firefox 中使用 Firebug。

当您使用该 CSS 加载 HTML 页面时，它将在“网络”选项卡中显示所有缺少的资源。

编辑

我想没有任何工具可以

1. 扫描所有 URL 的 CSS 文件
2. 检查每个 URL 是否存在。

但是您可以尝试通过以下两个链接来完成这两项任务。

1. > RegEx to get the URLs from CSS : 有了这个，您将拥有 CSS 中使用的所有 URL 列表
2. > Check if a URL exists or not with cURL : 给出了 PHP 示例。

您仍然可以分别搜索这两项并尝试解决问题。

如果这有帮助，请告诉我。