Chrome DevTools:从XHR网络请求跳转到创建它的代码

Dan*_*scu 31 javascript xmlhttprequest google-chrome-devtools

我想调试一个REST API,看看它是如何从非常复杂的客户端代码中使用的.在"网络"选项卡中识别AJAX请求后,如何转到创建它的代码?

在此输入图像描述

这不可能吗?

Kon*_*nel 42

请参阅网络选项卡中的"启动器"列.它告诉您哪个代码启动了AJAX调用.您还将获得具有完整堆栈跟踪的工具提示.

Chrome DevTools网络标签启动器堆栈跟踪

  • 如果发起者是"其他"怎么办? (5认同)
  • @ Atav32:你可以通过调用堆栈 (2认同)

小智 10

我没有50个评论的声誉,所以我回复:

如果您使用像jQuery或Angular这样的库来帮助您进行调用,那么有没有办法查看调用辅助函数的源代码? - > Atav32 3月14日1:01

如果要查找"真实"方法调用,请在"启动器"列中建议的行中添加断点,然后单击"跳出当前函数(Shift + F11)",直到找到所需的代码.

干杯!