確定有問題的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。因此，您還應該檢查圖像的路徑是否與錯誤消息中顯示的路徑相對應。 （在搜索字段中，您可以點擊輸入以開始下一個匹配。）

不確定請求是否來自CSS。它也可能來自JavaScript，例如通過AJAX請求或動態添加<img>標籤。