web-dev-qa-db-fra.com

Demander la surveillance dans Chrome

Dans Firefox, j'utilise Firebug, ce qui me permet de voir toutes les requêtes http de mes appels ajax. Je suis passé de mon développement à Chrome et je l'aime jusqu'à présent. Mon seul reproche, cependant, est que les outils de développement ne semblent pas vous permettre d’afficher chaque requête ajax. Il est déjà arrivé que le panneau des ressources affiche plusieurs demandes à la même ressource, mais que cela ne se reproduise plus jamais.

Existe-t-il un moyen de visualiser de manière fiable toutes les requêtes http effectuées par une page via JavaScript à partir de Chrome?

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

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

ajaxgoogle-chromehttprequest
197
Wes P

Je sais que c’est un vieux fil, mais j’ai pensé que j’allais en parler.

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 plus récentes de Chrome, cliquez sur l'icône Clé> Outils> Outils de développement.) Pour activer les outils de développement.
  2. Dans les outils de développement, cliquez sur le bouton Network. Si ce n'est pas déjà le cas, activez-le pour la session ou toujours.
  3. Cliquez sur le sous-bouton "XHR".
  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 le contenu renvoyé.
343
Phil

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

57
Wouter

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

chrome://net-internals/#events

Ceci affiche le journal de toutes les demandes du navigateur ouvert

41
Karl Adler

je ne sais pas à partir de laquelle chrome version 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)

13
schellmax

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

Maintenant, toutes vos demandes ajax et autres requêtes similaires seront enregistrées dans la console.

Je préfère cette méthode car elle me permet généralement de voir tout ce que je cherche dans la console sans devoir accéder à l'onglet Réseau.

6
ShaneDaugherty

Vous pouvez utiliser Fiddler qui est un bon outil gratuit.

4
JoshBerke

Merci à toute personne qui essaie 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

maintenant, vous devriez voir un nouveau panneau devant votre demande

in this panel select "Response" tab
3
masoud2011

À 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.

1
wcb1

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

https://developer.chrome.com/devtools

0
BitByteDog