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

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

6 голосов
/ 21 сентября 2011

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

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

Ответы [ 2 ]

9 голосов
/ 21 сентября 2011

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

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

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

0 голосов
/ 21 сентября 2011

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

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

...