Quel est le moyen facile de voir ce que AJAX appelle sont en cours?

Je cherche quelque chose (de préférence une extension Firefox) qui me permettra de voir tous les sous-exemples AJAX. Fondamentalement, chaque fois qu'un XMLHTTPRequest () est fait, je veux savoir quelle URL a été demandée et quel (s'il y a lieu) GET et POST vars ont été transmis avec lui.

À moins que je m'en manque, je ne vois rien de tel dans Firebug ou Web Developer Toolbar.

(Dans le cas où vous êtes curieux, la raison principale pour vouloir est que je veux gratter une copie locale d'un site qui utilise JS pour charger tout son contenu et je ne souhaite pas passer des heures à creuser le code JS Quand je pouvais voir les sous-publications en cours.)

Firebug devrait le montrer dans le panneau Net.

EDIT : En outre, si Firebug ralentit votre Firefox de manière à le rendre inutilisable, comme il le fait parfois pour moi, WireShark (anciennement Ethereal) analysera tout le trafic réseau sur votre système, y compris les requêtes HTTP et AJAX.

Fiddler 2 est un excellent outil pour regarder le trafic HTTP.

* Mise à jour 2014 *

Depuis mon poste original, Internet Explorer et Chrome ont ajouté des outils de développement intégrés qui sont très utiles. Alors que je soutiens et utilise encore Fiddler pour le suivi HTTP non-lié au Web ou lorsque j'ai besoin de creuser profondément et de modifier les demandes en transit, ces jours-ci, je me trouve à peu près en utilisant les outils intégrés IE ou Chrome, car ils suffisent pour 99% De mes besoins. Ils disposent tous deux d'un onglet réseau, où vous pouvez surveiller les requêtes HTTP, ainsi que d'autres fonctionnalités intéressantes pour les pages de débogage.

Introduction aux outils Internet Explorer F12
Documentation pour les outils F12 de Chrome
FireBug, qui est mentionné ci-dessus, est également un bon outil si vous utilisez FireFox.

J'ai utilisé presque tous les gros outils là-bas (violoncelles, firebug, httpfox, en-têtes HTTP en direct). Le meilleur à mon avis est HTTPFox si vous utilisez Firefox, car il dispose de fonctionnalités de filtrage faciles, vous permet de visualiser votre JSON la requête / réponse en tant que brute ou formatée, et l'interface est très propre.

En outre, je ne peux pas faire sans WFetch pour tester les services Web et AJAX stuff. Habituellement, je vais demander la demande de HTTPFox et la coller dans WFetch. De cette façon, je n'ai pas à passer par le navigateur à chaque fois. Je viens d'appuyer sur F5 dans WFetch pour rejouer la demande et je modifie directement la requête.

Note latérale: dans WFetch, faites attention à la longueur du contenu si vous avez une charge utile POST. Si vous modifiez la charge utile, la longueur du contenu doit être modifiée selon le cas. Pour cette raison, je sauvegarde mes requêtes dans un fichier et mets WFetch dans le fichier. Dans le fichier lui-même, il est facile de connaître la longueur de la ligne et de modifier la durée du contenu.

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

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

Firebug les affiche dans le panneau Net et la vue Console. Vous devez toutefois activer "Afficher XMLHttpRequests".

Jetez un oeil à Tamper Data aussi. C'est un complément Firefox qui vous permet de regarder chaque requête HTTP individuelle (y compris toutes les données de publication) et la réponse, et les en-têtes des deux. Je l'ai trouvé très utile pour le débogage des problèmes AJAX … bien que Firebug fonctionne très bien.