确定 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.
中要求
因此,作为解决方法,您可以这样做:
- 切换到CSS面板。
- 单击 Firebug 右侧的搜索字段。
- 确保选中多个文件选项。
- 输入
ajax-loader.gif
=> CSS 面板将切换到包含包含图像值的规则的 CSS 源。
备注:
可能有多个属性引用名为 ajax-loader.gif
的不同图像。因此,您还应该检查图像的路径是否与错误消息中显示的路径相对应。 (在搜索字段中,您可以按 Enter 进入下一场比赛。)
不确定请求来自CSS。它也可能来自 JavaScript,例如通过 AJAX 请求或动态附加 <img>
标签。
我的 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.
中要求因此,作为解决方法,您可以这样做:
- 切换到CSS面板。
- 单击 Firebug 右侧的搜索字段。
- 确保选中多个文件选项。
- 输入
ajax-loader.gif
=> CSS 面板将切换到包含包含图像值的规则的 CSS 源。
备注:
可能有多个属性引用名为 ajax-loader.gif
的不同图像。因此,您还应该检查图像的路径是否与错误消息中显示的路径相对应。 (在搜索字段中,您可以按 Enter 进入下一场比赛。)
不确定请求来自CSS。它也可能来自 JavaScript,例如通过 AJAX 请求或动态附加 <img>
标签。