Мониторинг запросов в Chrome

В Firefox я использую Firebug, который позволяет мне просматривать каждый HTTP-запрос, который совершают мои вызовы ajax. Я переключил свое развитие на Chrome, и мне это нравится. Моя единственная жалоба, однако, заключается в том, что инструменты разработчика не позволяют просматривать каждый запрос ajax. Это произошло однажды, когда панель "Ресурсы" отобразила несколько запросов на один и тот же ресурс, но только сделала это один раз и никогда больше.

Есть ли способ надежно видеть каждый HTTP-запрос, который страница делает через javascript из Chrome?

[Редактировать: 11/30/09 11:55]

В настоящее время, чтобы обойти это, я запускаю Fiddler рядом с Chrome для просмотра моих запросов, но если есть способ сделать это из браузера, я бы предпочел это.

ОТВЕТЫ

Ответ 1

Я знаю, что это старый поток, но я думал, что буду звонить.

В настоящее время Chrome имеет встроенное решение.

  • Используйте CTRL+SHIFT+I (или перейдите к Current Page Control > Developer > Developer Tools). В новых версиях Chrome щелкните значок гаечного ключa > Инструменты > Инструменты разработчика.), чтобы включить Инструменты разработчика.
  • В инструментах разработчика нажмите кнопку Network. Если этого еще нет, включите его для сеанса или всегда.
  • Нажмите кнопку "XHR".
  • Инициировать AJAX call.
  • Вы увидите, что элементы начинают отображаться в левом столбце в разделе "Resources".
  • Щелкните ресурс, и есть 2 вкладки с заголовками и возвратом содержимого.

Ответ 2

Самый последний ответ на этот вопрос: они перечислены в разделе "Сеть" в инструментах разработчика, больше не в разделе "Ресурсы", как это было раньше.

Ответ 3

Вы также можете использовать эту ссылку в Chrome для получения более подробной информации, чем это сделал инспектор.

chrome://net-internals/#events

Показывает журнал всех запросов браузера при открытии

Ответ 4

Не знаю, какая из версий chrome доступна, но я нашел настройку "Консоль - Log XMLHttpRequests" (нажав на значок в правом нижнем углу инструментов разработчика в chrome на Mac)

Ответ 5

Вы можете использовать Fiddler, который является хорошим бесплатным инструментом.

Ответ 6

Спасибо всем, кто пытается помочь в этом посте

У меня есть ubuntu 13.10, а моя версия chrome - 34.0

В моей ситуации это работает

1.open developer tools in chrome(or use right click on your page and then select inspect element)
2.go to "Network" tab
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

теперь вы должны увидеть новую панель перед запросом

in this panel select "Response" tab

Ответ 7

В шаге 5 Фила "Ресурсы" больше не доступны в новой версии Chrome. Вам нужно щелкнуть значок страницы рядом с Ajax-страницей, указанной в нижней панели, с столбцами Name, Method, Status,...

Затем он покажет вам больше панелей, где вы найдете сообщения об ошибках.

Ответ 8

Откройте DevTools и нажмите F1, чтобы получить доступ к настройкам. Найдите раздел консоли и установите флажок "Log XMLHttpRequests".

Теперь все ваши аякс и другие подобные запросы будут регистрироваться в консоли.

Я предпочитаю этот метод, потому что он обычно позволяет мне видеть все, что я ищу в консоли, не переходя на вкладку сети.

Ответ 9

Вы также можете щелкнуть правой кнопкой мыши на странице браузера и выбрать "Осмотреть элемент", чтобы открыть инструменты для разработчиков.

https://developer.chrome.com/devtools