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


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

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

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

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

9   191   2009-11-30 19:41:57

9 ответов:

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

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

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

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

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

chrome://net-internals/#events

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

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

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

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

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

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

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

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

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

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

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

https://developer.chrome.com/devtools