2010-12-12 6 views

Répondre

734

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.

Appuyez sur F12 sur les fenêtres ou ⌥⌘I sur un Mac pour afficher les outils de développement Chrome.

Chrome developer tools headers tab

+53

J'ai compris, merci! La page a dû être rechargée pour voir les éléments. – Josef

+8

C'est très bien! J'ai utilisé le chrome: // view-http-cache/[url] bidouille mais ta solution est beaucoup plus belle! – nalply

+25

Essayez aussi 'chrome: // net-internals /'. – XP1

3

Appuyez sur Ctrl + Maj +I pour ouvrir la fenêtre de la réponse acceptée. Là, vous pouvez sélectionner l'onglet Réseau.

[Clic droit] + Inspecter l'élément fonctionne également.

+3

Ceci est un commentaire de la réponse acceptée. –

17

J'ai tellement aimé l'extension FireFox Header Spy que j'ai construit une extension Spy HTTP 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 en-têtes de demande, 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

Amusez-vous!

14

Ma façon préférée dans Chrome en cliquant sur un bookmarklet:

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

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

+9

Cela n'obtient pas les en-têtes * current *, mais plutôt les en-têtes pour une deuxième requête. – Nick

7

Je sais qu'il ya une réponse acceptée, mais je recommande

Simple REST Client Extension pour Chrome.

exemple:

EG.

13

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

1) Alors que le navigateur est ouvert, appuyez sur F12 pour accéder aux outils Web Developer

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

3) Dans un premier temps, il est possible la page les données ne sont pas présentes/à jour. Actualiser la page si nécessaire

4) Observer les informations sur la page dans la liste.(Aussi, assurez-vous « All » est sélectionné à côté de la case à cocher

see screenshot

8

Vous pouvez trouver l'option d'en-têtes « Masquer les URL de données » dans l'onglet Réseau dans la console développeur Chrome:

  1. dans Chrome presse F12 pour ouvrir la console développeur.
  2. Sélectionnez l'onglet Réseau. Cet onglet vous donne les informations sur les demandes tirées à partir du navigateur.
  3. Sélectionnez un reque st en cliquant sur le nom de la requête. 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 demande pour toutes les requêtes HTTP.

+1

juste au cas où quelqu'un en aurait besoin: si 'show overview' est coché, il est listé ci-dessous dans la vue d'ensemble et pourrait ne pas être visible (ce qui m'est arrivé). Vous pouvez cliquer sur l'icône "Masquer la vue d'ensemble" ou étendre la boîte à outils du développeur –