Что такое простой способ узнать, какие вызовы AJAX выполняются?

Question

Я ищу что-то (желательно расширение Firefox), которое позволит мне увидеть все подзапросы AJAX. В принципе, в любое время, когда создается XMLHTTPRequest(), я хочу знать, какой URL-адрес запрашивается и что (если есть) GET и POST vars были переданы вместе с ним.

Если я этого не пропущу, я не вижу ничего подобного в Firebug или панели инструментов веб-разработчиков.

(Если вам интересно, основной причиной этого является то, что я хочу очистить локальную копию сайта, использующего JS, для загрузки всего его содержимого, и я не хочу тратить часы выкапывая их код JS, когда я мог просто видеть, что выполняются подзапросы.)

Answer 1

Firebug должен показать его на панели Net.

EDIT: Кроме того, если Firebug замедляет Firefox таким образом, что делает его непригодным для использования, как это делает для меня иногда, WireShark (ранее Ethereal) будет анализировать весь сетевой трафик в системе, в том числе HTTP и AJAX запросы ,

Answer 2

Fiddler 2 - отличный инструмент для просмотра HTTP-трафика.

* 2014 * Обновление

С моей должности, как Internet Explorer и Chrome добавили встроенные инструменты для разработчиков, которые весьма полезны. Хотя я по-прежнему поддерживаю и использую Fiddler для мониторинга HTTP, не связанного с веб-сайтом, или когда мне нужно действительно глубоко разбираться и изменять запросы в пути, в наши дни я нахожусь в значительной степени с помощью встроенных инструментов IE или Chrome, поскольку их достаточно для 99% моих потребностей. У них есть сетевая вкладка, где вы можете отслеживать HTTP-запросы, а также другие отличные функции для отладки веб-страниц.

• Internet Explorer F12 Tools Introduction
• Documentation for Chrome's F12 Tools
• FireBug, which is mentioned above также является хорошим инструментом, если вы используете FireFox.

Answer 3

Firebug показывает их как на панели «Сеть», так и на представлении «Консоль». Однако вам нужно включить «Показать XMLHttpRequests».

Answer 4

Я использовал почти все большие инструменты там (скрипач, firebug, httpfox, live http headers). Самый лучший, на мой взгляд, HTTPFox, если вы используете Firefox, потому что он имеет простые возможности фильтрации, позволяет просматривать ваш JSON запрос/ответ как необработанный или отформатированный, а интерфейс по всему интерфейсу очень чист.

Кроме того, я не могу обойтись без WFetch для тестирования веб-сервисов и материалов AJAX. Обычно я беру запрос из HTTPFox и вставляю его в WFetch. Таким образом, мне не нужно проходить через браузер каждый раз. Я просто нажал F5 в WFetch, чтобы воспроизвести запрос, и я напрямую изменяю запрос.

Замечание: В WFetch будьте осторожны с длиной содержимого, если у вас есть полезная нагрузка POST. Если вы изменяете полезную нагрузку, необходимо изменить длину содержимого. По этой причине я сохраняю свои запросы в файле и указываю WFetch на файл. В самом файле легко узнать длину строки и изменить ее длину.

alt text http://blog.koreus.com/wp-content/uploads/2008/09/httpfox.png

alt text http://www.port80software.com/assets/images/ld_wfetch3.gif

Answer 5

Посмотрите на тампер данных, а также. Это надстройка Firefox, которая позволяет просматривать каждый отдельный HTTP-запрос (включая любые данные) и ответ, а также заголовки обоих. Я нашел, что это очень полезно для отладки проблем AJAX ... хотя Firebug работает отлично.