在 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> 标签。