使用chrome dev工具查找代码中的http请求

Question

有没有办法使用chrome dev工具查找http请求（ajax）的位置？ 我有一个大型项目，其中有许多请求发生在不同的文件中。我希望能够检查一个特殊的请求，我已经在网络选项卡上找到了它，但似乎没有任何方法可以找到代码中的这个请求的起始位置

Answer 1

使用网络面板中的启动器列。单击Initiator单元格中的链接将转到请求所在的代码行。

如果您看不到它，请右键点击表格标题，然后选择发起人。

您可以在将鼠标悬停在资源上时按住 Shift 以查看其发起人。发起者是绿色的。依赖性是红色的。如果您无法看到启动器，那么它当前在桌面上不可见（可能更高，过滤掉等）

MacPrawn's XHR Breakpoint idea也是一种很好的方法。

Answer 2

由于您在“网络”窗格中看到了请求，因此您可以获取该网址，然后在该网址上添加XHR断点：

（在断点面板中，“来源”窗格右侧）

希望这有帮助！