Chrome DevTools: переход от сетевого запроса XHR к коду, который его сделал

Я хочу отладить REST API и посмотреть, как он используется из очень сложного клиентского кода. После того, как я идентифицирую запрос AJAX на вкладке "Сеть", как я могу перейти к коду, который его создал?

enter image description here

Это невозможно?

Ответы

Ответ 1

См. столбец "Инициатор" на вкладке "Сеть". Он сообщает вам, какой код инициировал вызов AJAX. Вы также получите всплывающую подсказку с полной трассировкой стека.

Chrome DevTools Network Tab Initiator Stack Trace

Ответ 2

У меня нет 50 репутации для комментариев, поэтому я отвечаю:

Если вы используете библиотеку jQuery или Angular, чтобы помочь вам сделать вызов, есть ли способ увидеть исходный код, называемый вспомогательными функциями? → Atav32 14 марта в 1:01

Если вы хотите найти вызов "реального" метода, добавьте точку останова в строке, предложенную столбцом "Инициатор", и нажмите "Выйти из текущей функции (Shift + F11)", пока не достигнете кода, который вы хотите.

Ура!