Voglio eseguire il debug di un'API REST e vedere come viene utilizzato da un codice client molto complesso. Dopo aver identificato la richiesta AJAX nella scheda Rete, come posso accedere al codice che l'ha creato?Chrome DevTools: passare dalla richiesta di rete XHR al codice che lo ha reso
È questo impossible?
Vedere la colonna "Iniziatore" nella scheda di rete. Ti dice quale codice ha avviato la chiamata AJAX. Avrai anche un suggerimento con una traccia dello stack completo.
Duh. Grazie! Mi sono preso la libertà di aggiungere uno screenshot ancora più ovvio. –
Se si utilizza una libreria come jQuery o Angolare per facilitare la chiamata, c'è un modo per vedere il codice sorgente che ha chiamato le funzioni di supporto? – Atav32
@ Atav32: puoi semplicemente passare attraverso lo stack di chiamate –
Non ho 50 reputazione di commentare in modo da sto rispondendo a:
Se si utilizza una libreria come jQuery o angolare per aiutarti a fare la chiamata, è> c'è un modo per vedere il codice sorgente che ha chiamato le funzioni di supporto? -> Atav32 14 marzo alle 1:01
Se si desidera trovare "vera" chiamata al metodo quindi aggiungere punto di interruzione in linea suggerita da colonna "iniziatore" e premere "Un passo fuori della funzione corrente (Shift + F11)" fino a raggiungere il codice che vuoi.
Cheers!
ora hai ... –
Um, che ne dici della linea di registro XHR nella console con lo stesso percorso? – epascarello
Non penso che tu possa farlo dopo la richiesta XHR. L'unica cosa che puoi fare è impostare un breakpoint XHR, che si attiva quando viene inviato l'XHR. – Barmar