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

Question

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

"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

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

注意事项: 可能有多个属性引用名为 ajax-loader.gif 的不同图像.因此，您还应该检查图像的路径是否与错误消息中显示的路径相对应。 (在搜索字段中，您可以按 Enter 进入下一场比赛。)

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