有没有工具来检查CSS url文件是否存在？

Question

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

我立即注意到的一个问题是，有许多CSS url（）定义不起作用，因为CSS中的情况与实际文件不同。

例如：

background: url(myFile.jpg);

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

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

该网站非常庞大，因此如果可以避免，我不想浏览网页以查找404错误。

Answer 1

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

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

修改

我想没有任何工具

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

但您可以尝试为这两项任务提供以下两个链接。

1. RegEx to get the URLs from CSS：使用此功能，您将拥有CSS中使用的所有网址列表
2. Check if a URL exists or not with cURL：给出了PHP中的一个例子。

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

如果有帮助，请告诉我。

Answer 2

什么，如果您只是将http请求写入浏览器的URL栏直接指向图像和/或CSS？

Answer 3

Firefox中firebug怎么样？它会在其控制台中为您提供所有404。 download

Answer 4

如果你正在使用Firefox，你可以安装Firebug，或者你可以在使用Chrome时按F12 ...我认为与IE相同..从那里你可以检查URL甚至查看它在新标签中。

Answer 5

事实证明，W3c Link Checker还可以扫描非常方便的CSS文件。

如果这不起作用，我将不得不把像Vanga的解决方案放在一起。

Answer 6

这就是我要处理的方式。

1. 通过将以下内容添加到我的.htaccess中，确保所有图像请求均由（PHP）脚本处理

   RewriteRule。（?: jpe？g | gif | png | bmp）$ /images.php [NC，L]

2. 使用file_exists（）检查文件是否存在，甚至可以尝试是否存在小写版本。

3. 将丢失的文件记录到数据库表或文本文件中。

4. 使用脚本使用curl循环浏览网站的站点地图，以获取请求的文件名的完整列表，该文件名生成404。