Отладка XHR в браузере Chrome

Как увидеть содержимое сообщения в хроме?

Ответ 1

Один из вариантов - использовать нормальный пакетный сниффер, например wireshark. Кажется, что сейчас хром поддерживает прямое обнюхивание XHR, см. ниже.

Ответ 2

Запустите инструменты разработчика (Shift+Ctrl+J в Linux) и нажмите Enable Resource Tracking. Страница будет обновляться. Нажмите кнопку "Ресурсы", XHR окрашены в желтый цвет. Чтобы просмотреть содержимое сообщения, просто нажмите на ресурс. Содержимое POST находится в заголовках запроса. Вы также можете отфильтровать только XHR с помощью кнопки XHR в панели под вкладками.

Надеюсь, что это поможет,
d34dh0r53

Ответ 3

В Windows, Chrome 12, мне нужно было щелкнуть правой кнопкой мыши в окне консоли и отметить регистрацию XMLHttpRequest, чтобы включить это.

Ответ 4

2015 Update

Chrome версии 43 теперь перейдите к Settings > General > Console и проверьте параметр Log XMLHttpRequests.

Обновление: Я хотел увидеть объект XHR, но, похоже, я все еще не могу этого сделать, несмотря на регистрацию.

Ответ 5

В панели Javascript console щелкните правой кнопкой мыши и отметьте опцию Log XMLHttpRequests. Затем в разделе "Инструменты разработчика" выберите вкладку "Сеть".

Когда вы запускаете запрос Ajax, на вкладке сети отображается новый элемент (иногда отложенный) . Нажмите на нее, чтобы проверить ее, а затем выберите " Заголовки".

Это покажет вам отправленные данные.

Ответ 6

2015 Update

Последний хром заставляет вас выбирать запрос (представленный маленькой голубой точкой) на временной шкале. Используйте слайдерные крючки, чтобы увеличить масштаб до момента отправки запроса после загрузки страницы в браузере. Вы увидите запрос в панели ниже временной шкалы (которая была скрыта в моем случае, и мне пришлось перетащить консоль dev гораздо глубже в страницу недвижимости). Я предполагаю, что Google добавил это, чтобы лучше отслеживать события во времени.