Техника Chrome Firebug для отслеживания запросов AJAX

Question

Я пытаюсь сделать свое расширение Google Chrome для отслеживания запросов AJAX при просмотре веб-страниц.Единственный способ, который я нашел, - это прослушать событие DOMSubtreeModified.Событие запускается при каждом отдельном событии ajax, но никакой дополнительной информации о запросе нет.Но в расширении Google Chrome Firebug есть отслеживание ajax-запросов со многими деталями.Я пытался проверить, как они это делают в исходном коде, но мне трудно понять.

Знаете ли вы, как отслеживать эти события, чтобы получить некоторую информацию о запросе?Может быть, кто-то может взглянуть на технику этого пожарного или может кто-то знает это и может сказать мне, как они это делают?

Answer 1

С помощью инструментов разработчика Chrome для отладки запросов AJAX можно сделать несколько вещей:

1. Посмотрите на вкладку сеть . Он отслеживает все (AJAX) запросы, их заголовки запросов и ответов.
2. Включите ведение журнала консоли XHR в devtools (щелкните правой кнопкой мыши в консоли инструментов разработчика и выберите «Включить ведение журнала XMLHttpRequest».
3. Установка XHR точки останова .

В вашем случае нет необходимости использовать точки останова DOM. Кроме того, этот подход будет работать только в том случае, если ваш AJAX-запрос изменяет дерево DOM.

Answer 2

В настоящее время нет способа программно получить всю информацию о ajax-запросах, подобную вкладке Network.

Существует экспериментальный chrome.experimental.webRequest.onCompleted.addListener, с его помощью вы можете перехватить ajax-запрос, получить возвращенный код ответа (200 404) и получить некоторые заголовки ответа.Вы не сможете получить ответное тело.