Afficher les en-têtes HTTP dans Google Chrome?


560

Jusqu'à 9.x, les en-têtes étaient sous les ressources dans les outils de développement, mais maintenant je ne les trouve nulle part.

Réponses:


832

Je ne suis pas sûr de votre version exacte, mais Chrome a un onglet "Réseau" avec plusieurs éléments et lorsque je clique dessus, je peux voir les en-têtes à droite dans un onglet.

Appuyez F12sur Windows ou ⌥⌘Isur un Mac pour afficher les outils de développement Chrome.

Onglet En-têtes des outils de développement Chrome


55
Je l'ai Merci! La page a dû être rechargée pour afficher les éléments.

8
C'est très gentil! J'ai utilisé le hack chrome: // view-http-cache / [url] mais votre solution est beaucoup plus agréable!
2011 à 9h26

31
Essayez aussi chrome://net-internals/.
XP1

67
Juste pour clarifier un peu la réponse ci-dessus - lorsque vous cliquez sur l'onglet réseau, vous voyez d'abord un aperçu à droite dans un format de tableau avec un graphique chronologique. Si vous cliquez sur un fichier individuel dans la liste de gauche, vous verrez alors les onglets affichés dans l'image ci-dessus (y compris l'onglet En-têtes). C'est ce que @Tower voulait dire par "cliquez dessus"
SnapShot

2
Plus à noter: si vous ne voyez aucune ressource - regardez la zone des onglets ( All | XHR JSet etc.) et sélectionnezAll
Zanshin13

22

Pour moi, à partir de la version 46.0.2490.71 m de Google Chrome, la zone d'informations des en-têtes est un peu cachée. Accéder:

  1. Lorsque le navigateur est ouvert, appuyez sur F12pour accéder aux outils du développeur Web

  2. Une fois ouvert, cliquez sur l'option "Réseau"

  3. Initialement, il est possible que les données de la page ne soient pas présentes / à jour. Actualisez la page si nécessaire

  4. Observez les informations de la page qui apparaissent dans la liste. (Assurez-vous également que "Tous" est sélectionné à côté de la case "Masquer les URL de données")

voir capture d'écran


19

J'ai tellement aimé l'extension FireFox Header Spy que j'ai créé une extension HTTP Spy pour Chrome. J'utilisais aussi les outils de développement pour déboguer les en-têtes, mais maintenant ma vie est tellement meilleure.

Voici une extension Chrome qui vous permet d'afficher les en-têtes de demande, de réponse et les cookies sans aucun clic supplémentaire juste après le chargement de la page.

Il gère également les redirections. Il est livré avec un micro-mode discret qui ne montre qu'une sélection triée sur le volet d'en-têtes de réponse et un mode normal qui affiche toutes les informations.

https://chrome.google.com/webstore/detail/http-spy/agnoocojkneiphkobpcfoaenhpjnmifb

Prendre plaisir!


17

Ma façon préférée dans Chrome est de cliquer sur un bookmarklet:

javascript:(function(){function read(url){var r=new XMLHttpRequest();r.open('HEAD',url,false);r.send(null);return r.getAllResponseHeaders();}alert(read(window.location))})();

Mettez ce code dans votre console de développeur.

Source: http://www.danielmiessler.com/blog/a-bookmarklet-that-displays-http-headers


9
Cela n'obtient pas les en- têtes actuels , mais plutôt les en-têtes pour une 2e demande.
Nick

11

Vous pouvez trouver l'option en-têtes dans l'onglet Réseau de la console du développeur dans Chrome:

  1. Dans Chrome, appuyez sur F12 pour ouvrir la console du développeur.
  2. Sélectionnez l'onglet Réseau. Cet onglet vous donne les informations sur les requêtes envoyées depuis le navigateur.
  3. Sélectionnez une demande en cliquant sur le nom de la demande. Vous y trouverez les informations d'en-tête pour cette demande ainsi que d'autres informations telles que l'aperçu, la réponse et le calendrier.

De plus, dans ma version de Chrome (50.0.2661.102) , il donne une extension nommée LIVE HTTP Headers qui donne des informations sur les en-têtes de requête pour toutes les requêtes HTTP.

mise à jour: image ajoutée

entrez la description de l'image ici


2
juste au cas où quelqu'un en aurait besoin: si «afficher l'aperçu» est coché, il est répertorié sous l'aperçu et peut ne pas être visible (ce qui m'est arrivé). Vous pouvez cliquer sur l'icône «masquer l'aperçu» ou étendre la boîte à outils du développeur
Angel M.

@ Chris22 s'il vous plaît jeter un oeil à l'image en poste
Angel M.

@AngelM. merci, ok donc selon l'image, le 'show overview' n'est pas une case à cocher, c'est une icône.
Chris22

8

Je sais qu'il y a une réponse acceptée mais je recommande

Extension client REST simple pour Chrome.

exemple:

PAR EXEMPLE.


0

Pour la version 78.0.3904.87, OS = Windows 7, PC 64 bits

Pas:

  1. Appuyez sur F12
  2. Sélectionnez l'onglet Réseau
  3. Sélectionnez XHR
  4. Sous Nom -> vous pouvez voir toutes les demandes XHR effectuées.
  5. Pour afficher les en-têtes de demande d'une demande XHR particulière, cliquez sur cette demande. Tous les détails sur cette demande XHR apparaîtront sur le côté droit.

0

Pour afficher les en-têtes HTTP de demande ou de réponse dans Google Chrome, procédez comme suit:

  1. Dans Chrome, accédez à une URL (telle que https://www.google.com), faites un clic droit, sélectionnez Inspecter pour ouvrir les outils de développement.
    entrez la description de l'image ici
  2. Sélectionnez l'onglet Réseau.
  3. Rechargez la page, sélectionnez toute demande HTTP dans le panneau de gauche et les en-têtes HTTP seront affichés dans le panneau de droite.

entrez la description de l'image ici

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.