Surveillance des demandes dans Chrome

Dans Firefox, j'utilise Firebug qui me permet de visualiser chaque demande http que mes appels ajax font. J'ai basculé mon développement vers Chrome et je l'aime jusqu'à présent. Ma seule plainte, cependant, est que les outils de développement ne semblent pas vous permettre de visualiser chaque demande ajax. Je l'ai eu une fois où le panneau Ressources a montré plusieurs demandes à la même ressource, mais il ne l'a fait qu'une fois et plus jamais.

Existe-t-il un moyen de voir de manière fiable chaque demande http qu'une page effectue via javascript depuis Chrome?

[Modifier: 30/11/09 11:55]

Actuellement, pour contourner ce problème, j'exécute Fiddler à côté de Chrome pour afficher mes demandes, mais s'il existe un moyen de le faire à partir du navigateur, je préférerais cela.

Je sais que c'est un vieux fil mais j'ai pensé que j'allais sonner.

Chrome a actuellement une solution intégrée.

1. Utilisez CTRL+SHIFT+I(ou accédez à Current Page Control > Developer > Developer Tools. Dans les versions les plus récentes de Chrome, cliquez sur l'icône Clé> Outils> Outils de développeur.) Pour activer les outils de développeur.
2. Dans les outils de développement, cliquez sur le Networkbouton. Si ce n'est pas déjà fait, activez-le pour la session ou toujours.
3. Cliquez sur le "XHR"sous-bouton.
4. Lancer un AJAX call.
5. Vous verrez des éléments commencer à apparaître dans la colonne de gauche sous "Resources".
6. Cliquez sur la ressource et il y a 2 onglets affichant les en-têtes et renvoyant le contenu.

La réponse la plus récente à cette question est: ils sont répertoriés sous le bouton «Réseau» dans les outils de développement, et non plus sous «Ressources» comme c'était le cas auparavant.

Mettre à jour

Chrome a changé la façon d'inspecter les demandes et suggère maintenant d'utiliser la visionneuse Catapult Netlog avec les journaux exportés depuis Chrome: // net-export /

chrome://net-export/

Plus d'informations

Anciennes versions de Chrome

Vous pouvez également utiliser ce lien dans Chrome pour obtenir des informations plus détaillées que l'inspecteur.

chrome://net-internals/#events

Cela montre le journal de toutes les demandes du navigateur lorsqu'il est ouvert

Je ne sais pas de quelle version Chrome cela est disponible, mais j'ai trouvé un paramètre 'Console - Log XMLHttpRequests' (en cliquant sur l'icône dans le coin inférieur droit des outils de développement dans Chrome sur Mac)

Ouvrez vos DevTools et appuyez sur F1 pour accéder aux paramètres. Recherchez la section console et cochez la case "Log XMLHttpRequests".

Maintenant, tous vos ajax et autres requêtes similaires seront enregistrés dans la console.

Je préfère cette méthode car elle me permet généralement de voir tout ce que je recherche dans la console sans avoir à aller dans l'onglet réseau.

Vous pouvez utiliser Fiddler qui est un bon outil gratuit.

Merci à toutes les personnes qui essaient d'aider dans ce post

J'ai Ubuntu 13.10 et ma version Chrome est 34.0

Pour ma situation, cela fonctionne

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

vous devriez maintenant voir un nouveau panneau devant votre demande

in this panel select "Response" tab

Dans l'étape 5 de Phil, "Ressources" n'est plus disponible dans la nouvelle version de Chrome. Vous devez cliquer sur l'icône de page juste à côté de la page Ajax répertoriée dans le volet inférieur avec les colonnes Nom, Méthode, Statut, ...

Ensuite, il vous montrera plus de panneaux où vous trouverez les messages d'erreur.

Vous pouvez également cliquer avec le bouton droit sur la page dans le navigateur et sélectionner "Inspecter l'élément" pour afficher les outils de développement.

https://developer.chrome.com/devtools