如何知道瀏覽器開發者工具中損壞源的來源？

Question

假設我打開一個頁面，並且由於某些資源因錯誤404或其他錯誤而未加載，所以它顯示中斷。

但如何知道從哪裏請求這些資源？

例如，我在Chrome控制檯以下問題的資源：

如果我點擊它，我得到

即沒有任何線索的空窗格。

是否有可能找到其他資源（HTML，Javascript等）誰請求過這個？

適用於任何瀏覽器的問題，不適用於Chrome瀏覽器。目標是找到破壞資源的「發起者」或「起源」。

Answer 1

您可以在Chrome開發工具的網絡面板中看到啓動器 - 但您必須先刷新頁面。下面我在YouTube頁面上的屏幕截圖（打開了adblocker - 一些請​​求被UBlock Origin阻止）。

當您單擊從發起方列中的值，它會打開該文件源面板。通常啓動器是一些通用函數，如doXHRequest()，它本身不會告訴你很多 - 你必須在那裏放置一個斷點並觀察它何時被調用以及由誰來調用。

當代碼被縮小時，它可能不是那麼有幫助。