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

Question

Как посмотреть содержание поста в chrome?

Answer 1

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

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

Answer 2

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

Answer 3

2015 Обновление

Chrome версии 43 сейчас, перейдите на Settings > General > Console и отметьте опцию " Log XMLHttpRequests ".

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

Answer 4

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

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

Здесь будут показаны только что отправленные вами данные.

Answer 5

Одним из вариантов будет использование обычного анализатора пакетов, например wireshark . Похоже, что Chrome теперь поддерживает прямой анализ XHR, см. Ниже.

Answer 6

Обновление 2015 года

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