Вопрос

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

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

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

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

Это было полезно?

Решение

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

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

<Ол>
  • Используйте CTRL + SHIFT + I (или перейдите в Текущий контроль страницы > Инструменты разработчика> . В более новых версиях Chrome нажмите значок гаечного ключа > ; Инструменты > Инструменты разработчика.), Чтобы включить Инструменты разработчика.
  • В инструментах разработчика нажмите кнопку Сеть . Если это еще не так, включите его для сеанса или всегда.
  • Нажмите кнопку " XHR " .
  • Инициируйте вызов AJAX .
  • В левом столбце под " Ресурсы " вы увидите элементы, которые начинают отображаться.
  • Нажмите на ресурс, и появятся 2 вкладки с заголовками и возвращаемым содержимым.
  • Другие советы

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

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

    chrome://net-internals/#events
    

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

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

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

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

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

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

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

    У меня 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 Фила "Ресурсы" больше не доступен в новой версии Chrome. Вам нужно щелкнуть значок страницы рядом со страницей Ajax, перечисленной в нижней панели со столбцами «Имя», «Метод», «Состояние», ...

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

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

    https://developer.chrome.com/devtools

    Лицензировано под: CC-BY-SA с атрибуция
    Не связан с StackOverflow
    scroll top