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

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

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

[Edit: 11/30/09 11: 55]

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

191
ajax google-chrome httprequest

9 ответов

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

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

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

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

56

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

chrome://net-internals/#events

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

38

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

12

можно использовать Саша что является хорошим бесплатным инструментом.

4

откройте DevTools и нажмите F1 для доступа к настройкам. Найдите раздел консоли и установите флажок "Log XMLHttpRequests".

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

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

4

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

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

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

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

1

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

https://developer.chrome.com/devtools

0