确定 Firebug 中有问题的 CSS 文件

Determining the Problematic CSS File in Firebug

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

"NetworkError: 404 Not Found - http://********.com/images/slider-img/ajax-loader.gif"

所以它告诉我找不到背景图片。但它能否查明此图像已被声明为背景图像的 CSS 文件 属性?

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

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