Demande de suivi dans Chrome

StackOverflow https://stackoverflow.com/questions/1820927

  •  10-07-2019
  •  | 
  •  

Question

Dans Firefox, j'utilise Firebug, ce qui me permet de voir toutes les requêtes http de mes appels ajax. Je suis passé de Chrome à mon développement et je l’apprécie 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. Cela m'est arrivé une fois où le panneau Ressources avait affiché plusieurs demandes à la même ressource, mais ce n'est fait qu'une fois et 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 contourner ce problème, j'utilise 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 que.

Était-ce utile?

La solution

Je sais que c'est un vieux fil, mais je pensais pouvoir y répondre.

Chrome dispose actuellement d'une solution intégrée.

  1. Utilisez CTRL + MAJ + I (ou accédez à Contrôle de la page en cours > Développeur > Outils de développement . Dans les versions les plus récentes de Chrome, cliquez sur l'icône Clé à molette >. ; Outils > Outils de développement.) Pour activer les outils de développement.
  2. Dans les outils de développement, cliquez sur le bouton Réseau . 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 appel AJAX .
  5. Vous verrez des éléments commencer à apparaître dans la colonne de gauche sous " Ressources " .
  6. Cliquez sur la ressource. Deux onglets affichent les en-têtes et renvoient le contenu.

Autres conseils

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.

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 lorsqu'il est ouvert

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

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

Toutes vos requêtes ajax et autres requêtes similaires seront maintenant consigné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.

Vous pouvez utiliser Fiddler , un bon outil gratuit.

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

J'ai Ubuntu 13.10 et ma version de 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 en face de votre demande 

in this panel select "Response" tab

À 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 dans lesquels vous trouverez les messages d'erreur.

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

https://developer.chrome.com/devtools

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top