I want to debug a REST API and see how it's used from very complex client code. After I identify the AJAX request in the Network tab, how can I go to the code that created it?
Is this impossible?
asked Jan 6, 2015 at 3:27
-
Um, how about the XHR log line in the console with the same path?– epascarelloCommented Jan 6, 2015 at 3:30
-
1I don't think you can do this after the XHR request. The only thing you can do is set an XHR breakpoint, which will fire when the XHR is sent.– BarmarCommented Jan 6, 2015 at 3:39
Add a comment
|
2 Answers
See the "Initiator" column in the network tab. It tells you which code initiated the AJAX call. You will also get a tooltip with a full stack trace.
answered Jan 7, 2015 at 8:31
-
1Duh. Thanks! I took the liberty to add an even more obvious screenshot. Commented Jan 7, 2015 at 9:49
-
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?– Atav32Commented Mar 14, 2015 at 1:01
-
2
-
6
I don't have 50 reputation to comment so I'm replying to:
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
If you want to find "real" method call then add breakpoint in line suggested by "Initiator" column and hit "Step out of current function (Shift+F11)" till you reach code you want to.
Cheers!
