javascript - 如何知道浏览器开发工具中损坏源的来源?

标签 javascript html css google-chrome

假设我打开了一个页面,但由于错误 404 或其他原因导致某些资源未加载,它看起来已损坏。

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

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

enter image description here

如果我点击它,我得到

enter image description here

即没有任何线索的空白 Pane 。

是否可以找到请求过此资源的其他资源(HTML、Javascript 等)?

适用于任何浏览器的问题,不仅适用于 Chrome。目标是找到损坏资源的“发起者”或“来源”。

最佳答案

您可以在 Chrome 开发者工具的网络面板中看到启动器 - 但您必须先刷新页面。下面是我在 YouTube 页面上截取的屏幕截图(打开了广告拦截器 - 一些请​​求被 UBlock Origin 阻止了)。

Chrome Devtools - Youtube

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

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

关于javascript - 如何知道浏览器开发工具中损坏源的来源?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40736998/

相关文章:

javascript - 无法从 Chrome 扩展发送 http 请求

javascript - modal 和 ng-bind-html 的问题

javascript - event.pageX 和 event.pageY 使用安全吗?

css - 按 id 突出显示 Rails 3 中的当前页面

javascript - 如何在 D3 设计中添加悬停文本?

javascript - 将鼠标悬停在图像上以在 JavaScript 中添加叠加层

javascript - “FormData”仅在 IE 中未定义

javascript - 如何在 x 轴上显示月份和年份,并在 Highcharts 中显示为数字?

html - 为什么将样式移至 CSS 后矩形看起来不一样(或根本不一样)?

android - 父不透明度对 Chrome 和 Android 对子 SVG 有不同的影响