Chrome DevTools：从 XHR 网络请求跳转到生成它的代码答案

【问题标题】：Chrome DevTools: jump from XHR network request, to the code that made itChrome DevTools：从 XHR 网络请求跳转到生成它的代码
【发布时间】：2015-03-03 16:56:32
【问题描述】：

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

这是impossible吗？

【问题讨论】：

嗯，同路径的控制台中的XHR日志行怎么样？
我不认为你可以在 XHR 请求之后执行此操作。您唯一能做的就是设置一个 XHR 断点，该断点将在发送 XHR 时触发。

标签： javascript xmlhttprequest google-chrome-devtools

【解决方案1】：

请参阅网络标签中的“发起者”列。它告诉您哪个代码启动了 AJAX 调用。您还将获得带有完整堆栈跟踪的工具提示。

【讨论】：

呃。谢谢！我冒昧地添加了一个更明显的屏幕截图。
如果您使用 jQuery 或 Angular 之类的库来帮助您进行调用，有没有办法查看调用辅助函数的源代码？
@Atav32：你可以通过调用堆栈
如果发起者是“其他”怎么办？

【解决方案2】：

我没有 50 声望可以发表评论，所以我正在回复：

如果您使用 jQuery 或 Angular 之类的库来帮助您进行调用，有没有办法查看调用辅助函数的源代码？ – >Atav32 3 月 14 日 1:01

如果您想找到“真正的”方法调用，请在“Initiator”列建议的行中添加断点，然后点击“Step out of current function (Shift+F11)”，直到找到您想要的代码。

干杯！

【讨论】：