Chrome DevTools：从 XHR 网络请求跳转到生成它的代码
Chrome DevTools: jump from XHR network request, to the code that made it
我想调试 REST API 并查看如何在非常复杂的客户端代码中使用它。在“网络”选项卡中识别 AJAX 请求后，如何转到创建它的代码？
这是impossible吗？
请参阅网络选项卡中的 "Initiator" 列。它告诉您哪个代码启动了 AJAX 调用。您还将获得包含完整堆栈跟踪的工具提示。
我没有 50 的评论评论所以我回复：
If you use a library like jQuery or Angular to help you make the call, is >there a way to see the source code that called the helper functions? – >Atav32 Mar 14 at 1:01
如果您想找到 "real" 方法调用，请在 "Initiator" 列建议的行中添加断点并点击 "Step out of current function (Shift+F11)" 直到找到您想要的代码。
干杯！
我想调试 REST API 并查看如何在非常复杂的客户端代码中使用它。在“网络”选项卡中识别 AJAX 请求后，如何转到创建它的代码？
这是impossible吗？
请参阅网络选项卡中的 "Initiator" 列。它告诉您哪个代码启动了 AJAX 调用。您还将获得包含完整堆栈跟踪的工具提示。
我没有 50 的评论评论所以我回复：
If you use a library like jQuery or Angular to help you make the call, is >there a way to see the source code that called the helper functions? – >Atav32 Mar 14 at 1:01
如果您想找到 "real" 方法调用，请在 "Initiator" 列建议的行中添加断点并点击 "Step out of current function (Shift+F11)" 直到找到您想要的代码。
干杯！