Какой простой способ увидеть, что делают вызовы AJAX?

Question

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

Если я не пропустил это, я не вижу ничего подобного в 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
• Документация по Chrome F12 Tools
• FireBug, о котором упоминалось выше также является хорошим инструментом, если вы используете FireFox.

Answer 3

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

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

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

_{(источник: koreus.com )}

альтернативный текст http://www.port80software.com/assets/images/ld_wfetch3.gif

Answer 4

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

Answer 5

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