如何在Browser Developer Tools中了解破碎源的来源？

Question

假设我打开一个页面并且它显示已损坏，因为由于错误404或其他原因而未加载某些资源。

但是如何知道从哪里请求这些资源？

例如，我在Chrome控制台中有以下有问题的资源：

如果我点击它，我会

即。空窗格，没有任何线索。

是否有可能找到请求此资源的其他资源（HTML，Javascript等）？

适用于任何浏览器的问题，而不仅适用于Chrome。目标是找到＆＃34;发起人＆＃34;或＆＃34;起源＆＃34;破碎的资源。

Answer 1

您可以在Chrome开发工具的“网络”面板中查看启动器 - 但您必须先刷新页面。我在YouTube页面上看到了截图（打开了adblocker - 有些请求被UBlock Origin阻止了。）

当您单击Initiator列中的值时，它将打开该文件的Sources面板。通常，启动器是一些通用函数，如doXHRequest()，它本身不会告诉你太多 - 你必须在那里放置一个断点并观察它何时被调用以及由谁调用。

当代码缩小时，它可能没那么有用。