Запросить мониторинг в Chrome

Question

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

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

[Изменить: 30.11.09 11:55]

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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

chrome://net-internals/#events

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

Answer 4

не знаю, с какой версией Chrome это доступно, но я нашел параметр «Консоль - Журнал XMLHttpRequests» (нажав на значок в правом нижнем углу инструментов разработчика в Chrome на Mac)

Answer 5

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

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

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

Answer 6

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

Answer 7

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

У меня 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

Answer 8

На шаге 5 Фила «Ресурсы» больше не доступны в новой версии Chrome. Вам нужно щелкнуть значок страницы рядом со страницей Ajax, перечисленной в нижней панели со столбцами Имя, Метод, Статус, ...

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

Answer 9

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

https://developer.chrome.com/devtools