在Firebug中确定有问题的CSS文件

Question

我在Firebug控制台中显示了这个

  

＆＃34; NetworkError：404 Not Found - http：//********.com/images/slider-img/ajax-loader.gif"

所以告诉我它无法找到背景图片。但它能否确定哪个CSS文件已被声明为背景图像属性？

我在文档中引用了大约4-5个CSS文件，并且找到它的手动方式将打开每个文件并找到该图像。所以我想知道是否可以避免这种情况并让Firebug告诉我哪个CSS文件是罪魁祸首......

Answer 1

Firebug当前（从2.0.x版开始）并不直接向您显示网络请求的发起者。这需要平台支持，这需要bug 563623。

因此，作为一种解决方法，您可以这样做：

1. 切换到 CSS 面板。
2. 点击Firebug右侧的搜索栏。
3. 确保选中多个文件选项。
4. 输入ajax-loader.gif

=＆GT; CSS 面板将切换到包含包含图像值的规则的CSS源。

注意： 可能有几个属性引用名为ajax-loader.gif的不同图像。因此，您还应检查图像的路径是否与错误消息中显示的路径相对应。 （在搜索栏中，您可以点击 Enter 进入下一场比赛。）

不确定该请求来自CSS。它也可能来自JavaScript，例如通过AJAX请求或动态附加<img>标记。