Demande de Surveillance dans Chrome

Dans Firefox, j'utilise Firebug qui me permet de visualiser chaque requête http à mes appels ajax sont de décisions. J'ai basculé mon développement à google Chrome et je suis l'aimer jusqu'à présent. Mon seul reproche, cependant, est que les outils de développement ne semblent pas vous permettent de visualiser chaque requête ajax. Je l'ai eu une fois où le panneau Ressources ont montré plusieurs demandes pour la même ressource, mais il est seulement fait une fois et jamais plus.

Est-il un moyen fiable pour voir chaque requête http qu'une page est prise à l'aide de javascript à partir de l'intérieur de Chrome?

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

Actuellement, pour contourner ce problème, je suis en cours d'exécution, Violoneux à côté de Chrome pour afficher mes demandes, mais si il y a un moyen de le faire à partir du navigateur, je préfère qu'.

J'ai le même problème avez essayé toutes les solutions ici. Rien n'apparaît dans la Réponse de la partie de la XHR fenêtre dans les outils de dev. Il montre juste "Cette demande n'a pas de réponse données disponibles". Si j'exécute le même code à l'aide de firebug, il montre bien. dans la cog outils de dev paramètres, j'ai essayé de cocher "Journal XMLHttpRequest" mais ce n'est pas de l'aide (la réponse est de type application/json). Je dois faire tout le débogage dans firebug. Firebug aussi des formats JSON bien, chrome dev tools ne marche pas si vous pouvez l'obtenir à l'affichage de la réponse (par exemple en n'utilisant pas d'ajax).

InformationsquelleAutor Wes P | 2009-11-30

341

Je sais que c'est un vieux thread mais j'ai pensé que je voudrais mentionner.

Chrome dispose actuellement d'une solution intégrée.
1. Utilisation CTRL+SHIFT+I (ou accédez à Current Page Control > Developer > Developer Tools. Dans les nouvelles versions de google Chrome, cliquez sur l'icône de Clé à molette > Outils > Outils de développement.) pour activer les Outils de développement.
2. De l'intérieur le développeur d'outils cliquez sur le Network bouton. Si elle n'est pas déjà fait, activez-la pour la session ou de toujours.
3. Cliquez sur le "XHR" sous-bouton.
4. Lancer une AJAX call.
5. Vous verrez les articles commencent à apparaître dans la colonne de gauche sous "Resources".
6. Cliquez sur la ressource et il y a 2 onglets contenant les en-têtes et le retour de contenu.
- Merci Phil! J'avais mis cela de côté, et en s'appuyant principalement sur les Violoneux. Mais que XHR bouton est ce que je cherchais 😀
- hier, j'étais en train de parler que si chrome outils pourraient ce faire, il serait parfait, merci.
- Dans le cas où quelqu'un d'autre fait ceci: j'avais cliqué sur la colonne "Nom" pour trier plus tôt et j'ai oublié puis, plus tard, de nouvelles demandes de sauter au milieu de la liste en raison de tri par ordre alphabétique. J'ai dû actualiser la page pour annuler tri.
- Salut à tous, essayant de trouver le "XHR sous-bouton" je pense que j'ai peut-être manque, quelqu'un peut-il me dire où c'est? c'est ce que mon inspecteur ressemble à imgur.com/9e6yDcB
- cliquez sur la petite lampe qui va ouvrir un menu soufflet screencast.com/t/DY9pgTSU4zx
- Aussi dans l'onglet "Réseau" sur chrome, vous pouvez le suivi des demandes et à la POSTE de l'avis de paramètres de la requête, il y a l'.
- Cela semble se produire uniquement si un appel AJAX obtient une réponse, mais il ne montre pas un sortant demande qui pourrait ne pas s'attendre à une réponse. Quelqu'un sait comment activer cela?
- Au premier abord je suis d'accord avec vous, mais j'ai réalisé que ça ne semble pas être le cas. Si la demande n'est pas d'obtenir une réponse, vous pourrez toujours le voir avec un statut de 404.
- Passé 2 jours à identifier le coupable. Votre réponse m'a aidé à trouver dans la manière la plus simple...merci encore l'ami 🙂
- dommage que l'onglet réseau ne persistent... si la redirection de la page que vous êtes hors de la chance. la console dit qu'il y avait une demande XHR... mais il n'y a pas de demande/réponse de charge ou les en-têtes dans la console.
- Si la redirection de la page sur la même fenêtre, vous pouvez utiliser le "Préserver le Journal' case à cocher en haut de l'onglet réseau des options (si pas, vous pouvez changer le lien pour ouvrir dans la même fenêtre par la mise en target='_self' ). Alors, par exemple, vous pouvez voir la réponse de la forme qui a obtenu soumis après il vous redirige. Assurez-vous également de l'avis du filtre à mesure que les réponses s'accumuler sur le nouveau chargement de la page.
- Le XHR "sous le bouton" est en vertu de Filtres. C'est l'un des Filtres. Demandes XHR déjà apparaître dans l'onglet Réseau, ils sont juste parmi tous les autres appels.
- Aussi, si vous êtes essayant de trouver une URI, en vertu de Réseau > point de Vue, vous aurez envie de désactiver "Utiliser de petites la demande de lignes". Petite demande de lignes ne comprennent pas l'URI, donc ils ne sont pas consultables.
InformationsquelleAutor Phil
57

Les plus up-to-date de la réponse à cette question est: ils sont répertoriés sous "Réseau" dans les outils de développement, n'est plus sous "Ressources" comme il l'habitude d'être.
- C'est en effet là où il est maintenant, m'a emmené à la recherche d'un débordement de pile pour le trouver après la mise à niveau.
InformationsquelleAutor Wouter
41

Vous pouvez également utiliser ce lien dans google Chrome pour des informations plus détaillées que l'inspecteur l'a fait.
```
chrome://net-internals/#events
```
Cela montre le journal de toutes les requêtes du navigateur tout en
- Pourriez-vous à l'exportation qui?
InformationsquelleAutor Karl Adler
13

ne sais pas de qui version de chrome est disponible, mais j'ai trouvé un réglage de la "Console - Journal XMLHttpRequests' (en cliquant sur l'icône dans le coin inférieur droit de outils de développement de google chrome sur mac)
- C'est la plus simple et la meilleure façon de surveiller les demandes XHR.
InformationsquelleAutor schellmax
6

Ouvrir votre DevTools et appuyez sur F1 pour accéder aux paramètres. Recherchez la section console et cochez la case "se Connecter XMLHttpRequests".

Maintenant, tous vos ajax et d'autres demandes 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 à l'onglet réseau.

InformationsquelleAutor ShaneDaugherty
4

Vous pouvez utiliser Fiddler qui est un bon outil gratuit.
- Oui, j'ai le Violoneux, qui est ce que je suis en utilisant pour ce faire. Simplement à la recherche d'un moyen de le faire à partir du navigateur, c'est un peu plus pratique.
- Ahh ok peut pas aider avec cela je suis désolé bonne chance
InformationsquelleAutor JoshBerke

Merci à tous ceux qui tentent de les aider dans ce post

J'ai ubuntu 13.10 et ma version de chrome est de 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 vous demander

in this panel select "Response" tab

InformationsquelleAutor masoud2011

1

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 la page juste à côté de la page Ajax répertoriés dans le volet du bas, avec les colonnes de Nom, la Méthode, Statut, ...

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

InformationsquelleAutor wcb1
0

Vous pouvez également juste un clic droit sur la page dans le navigateur et sélectionnez "Inspecter l'Élément" à mettre en place les outils de développement.

https://developer.chrome.com/devtools

InformationsquelleAutor BitByteDog

Vous devez vous connecter pour publier un commentaire.