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


Jusqu'à 9.x, les en-têtes étaient sous les ressources dans les outils de développement, mais maintenant je ne peux pas le trouver n'importe où.


513
2017-12-12 17:58


origine


Réponses:


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

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

Chrome developer tools headers tab


761
2017-12-12 18:05



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

Voici une extension Chrome qui vous permet d'afficher les demandes, les en-têtes 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 choisis à la main et un mode normal qui montre toutes les informations.

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

Prendre plaisir!


18
2018-06-18 06:00



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

1) Lorsque le navigateur est ouvert, appuyez sur F12 pour 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. Actualiser la page si nécessaire

4) Observez les informations de la page apparaît 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


17
2017-10-20 02:51



Ma méthode préférée dans Chrome consiste à 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 tablette de développeur.

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


16
2017-11-15 18:25



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

Extension client REST simple pour Chrome.

Exemple:

EG.


8
2017-07-31 17:55



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

  1. Dans la presse Chrome 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 lancées depuis le navigateur.
  3. Sélectionnez une demande en cliquant sur le nom de la demande. Là, vous pouvez trouver les informations d'en-tête pour cette demande ainsi que d'autres informations telles que Preview, Response et Timing.

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


8
2018-05-26 07:05