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

169

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

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

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

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

  • 2
    У меня та же проблема - я попробовал все решения здесь. Ничего не появляется в части ответа окна XHR в инструментах разработки. Он просто показывает «Этот запрос не имеет доступных данных ответа». Если я запускаю тот же код с помощью Firebug, он показывает нормально. в настройках инструментов Cog Dev я попытался поставить галочку «Log XMLHttpRequest», но это не помогло (тип ответа - application / json). Я должен сделать все отладки в firebug. Firebug также хорошо форматирует JSON, инструменты chrome dev не позволяют, если вы можете заставить его отображать ответ (например, не используя ajax).
Теги:
google-chrome
httprequest

9 ответов

311
Лучший ответ

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

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

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

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

Поделиться
  • 5
    Это действительно то место, где оно сейчас находится, я взял поиск переполнения стека, чтобы найти его после обновления.
34

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

chrome://net-internals/#events

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

Поделиться
  • 0
    Не могли бы вы экспортировать это?
12

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

Поделиться
  • 3
    Это самый простой и лучший способ отслеживать запросы XHR.
4

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

Поделиться
  • 1
    Да, у меня есть Fiddler, который я использую для этого. Просто ищу способ сделать это из браузера, так как это немного удобнее.
  • 0
    Ааа хорошо не могу с этим извините удачи
3

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

У меня есть 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
Поделиться
1

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

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

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

Поделиться
1

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

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

Поделиться
0

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

https://developer.chrome.com/devtools

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню