web-dev-qa-db-fra.com

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

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

546
user267817

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.

Presse F12 sur des fenêtres ou ⌥⌘I sur un mac pour faire apparaître les Chrome outils de développement.

Chrome developer tools headers tab

810
Tower

Pour moi, à partir de Google Chrome Version 46.0.2490.71 m, la zone d’information des en-têtes est un peu masquée. Accéder:

  1. Lorsque le navigateur est ouvert, appuyez sur F12 accéder aux outils de développement 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é en regard de la case "Masquer les URL de données")

voir capture d'écran

22
MrBCut

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

Voici une extension Chrome qui vous permet d'afficher les en-têtes de requête, 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 d'en-têtes de réponse sélectionnée à la main et un mode normal qui affiche toutes les informations.

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

Prendre plaisir!

19
Michiel Roos

Ma manière 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

17
Mark Bowytz

Vous pouvez trouver l'option d'en-tête dans l'onglet Réseau de la console du développeur sous 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 émises par 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 Aperçu, Réponse et Délai.

De plus, dans ma version de Chrome (50.0.2661.102) , cela 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

enter image description here

11
qwerty

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

Simple REST Client Extension pour Chrome.

exemple:

EG.

8
Leandro