найти, где в коде HTTP-запрос был сделан с использованием инструментов chrome dev

Есть ли способ использовать инструменты hrome dev, чтобы найти, где был сделан запрос http (ajax)? У меня большой проект со многими запросами, происходящими в разных файлах. Там есть конкретный запрос, который я хочу проверить, я нашел его на вкладке Сеть, но, похоже, не существует способа найти, где в коде был запущен этот запрос.

Ответы

Ответ 1

Используйте столбец " Инициатор" на панели " Сеть". Нажав на ссылку в ячейке Инициатор, вы перейдете к строке кода, где был выполнен запрос.

initiator column

Если вы не видите его, щелкните правой кнопкой мыши заголовок таблицы и выберите Инициатор.

Вы также можете удерживать Shift, зависая над ресурсом, чтобы увидеть его инициатор. Инициатор зеленый. Зависимости красные. Если вы не видите инициатора, то он не отображается в настоящее время в таблице (может быть выше, отфильтрован и т.д.).

Идея MacPrawn XHR Breakpoint также является хорошим подходом.

Ответ 2

Поскольку вы видите запрос, сделанный в панели "Сеть", вы можете захватить URL-адрес, а затем добавить точку останова XHR на этот URL-адрес:

In the breakpoint panel, on the right of the "Sources" pane

(На панели точки останова, справа от панели "Источники")

Надеюсь это поможет!