瀏覽器督察如何知道是否圖像或其他資源屬於這是無法加載的CSS或JS文件？

Question

我可以看到在我的網頁的一些圖片，不加載原因是CSS或JS文件，但如何知道哪個JS或CSS文件試圖加載該資源中走錯了路。我試着在瀏覽器的檢查太多找到一些方法，但我想不通，所以我要尋找每個JS和CSS文件的資源名稱。有什麼方法可以知道試圖加載失敗資源的確切js或css文件。 感謝

Answer 1

火狐和Chrome DevTools提供了一種方法，看看他們發起網絡面板中的資源的請求。

鉻DevTools

Chrome的DevTools內的網絡面板提供有關的Initiator column內的請求的來源的信息。除了引用該請求的JavaScript，CSS或文檔中的行外，其他所有條目都鏈接到該行。
對於JavaScript調用它顯示的堆棧跟蹤，導致懸停請求。

它甚至可以讓你highlight the initiators and dependencies按住Shift鍵和列表中徘徊的條目。

火狐DevTools

火狐DevTools網絡監視器具有Cause column指示是否請求從JavaScript，文件，CSS或其他來源來了。

對於JavaScript調用它選擇條目時提供堆棧跟蹤側欄內的堆棧跟蹤。

不幸的是，不是JavaScript其他原因不能提供很多有用的信息或鏈接到源文件，但（火狐55）。所以我已經filed several enhancement requests來改善這個功能。