¿Ver encabezados HTTP en Google Chrome?

560

Hasta 9.x, los encabezados estaban debajo de los recursos en las Herramientas para desarrolladores, pero ahora no puedo encontrarlos en ningún lado.

nbro
fuente

Respuestas:

832

No estoy seguro acerca de su versión exacta, pero Chrome tiene una pestaña "Red" con varios elementos y cuando hago clic en ellos puedo ver los encabezados a la derecha en una pestaña.

Presione F12en Windows o ⌥⌘Ien una Mac para abrir las herramientas de desarrollador de Chrome.

Pestaña de encabezados de herramientas de desarrollador de Chrome

Torre
fuente
55
¡Gracias! La página tuvo que ser recargada para ver los elementos.
8
Eso es muy lindo! Utilicé el truco chrome: // view-http-cache / [url] pero tu solución es mucho mejor.
finalmente
31
Intenta también chrome://net-internals/.
XP1
67
Solo para aclarar un poco la respuesta anterior: cuando hace clic en la pestaña de red, ve una descripción general al principio a la derecha en un formato de tabla con un gráfico de línea de tiempo. Si hace clic en un archivo individual de la lista de la izquierda, verá las pestañas que se muestran en la imagen de arriba (incluida la pestaña Encabezados). Esto es lo que @Tower quiso decir con "hacer clic en ellos"
SnapShot
2
Más para tener en cuenta: si no ve ningún recurso , mire el área de pestañas ( All | XHR JSy etc.) y seleccioneAll
Zanshin13
22

Para mí, a partir de la versión 46.0.2490.71 m de Google Chrome, el área de información de encabezados está un poco oculta. Acceder:

  1. Mientras el navegador está abierto, presione F12para acceder a las herramientas de desarrollador web

  2. Cuando se abre, haga clic en la opción "Red"

  3. Inicialmente, es posible que los datos de la página no estén presentes / actualizados. Actualiza la página si es necesario

  4. Observe que la información de la página aparece en el listado. (Además, asegúrese de que "Todos" esté seleccionado junto a la casilla de verificación "Ocultar URL de datos")

ver captura de pantalla

MrBCut
fuente
19

Me encantó tanto la extensión FireFox Header Spy que creé una extensión HTTP Spy para Chrome. También solía usar las herramientas de desarrollador para depurar encabezados, pero ahora mi vida es mucho mejor.

Aquí hay una extensión de Chrome que le permite ver los encabezados de solicitud, respuesta y cookies sin ningún clic adicional justo después de cargar la página.

También maneja redirecciones. Viene con un micromodo discreto que solo muestra una selección seleccionada de encabezados de respuesta y un modo normal que muestra toda la información.

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

¡Disfrutar!

Michiel Roos
fuente
17

Mi forma favorita en Chrome es hacer clic en un marcador:

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

Pon este código en la plataforma de la consola del desarrollador.

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

Mark Bowytz
fuente
99
Eso no obtiene los encabezados actuales , sino los encabezados para una segunda solicitud.
Nick
11

Puede encontrar la opción de encabezados en la pestaña Red en la consola del desarrollador en Chrome:

  1. En Chrome, presione F12 para abrir la consola del desarrollador.
  2. Seleccione la pestaña Red. Esta pestaña le brinda la información sobre las solicitudes que se envían desde el navegador.
  3. Seleccione una solicitud haciendo clic en el nombre de la solicitud. Allí puede encontrar la información del encabezado para esa solicitud junto con otra información como Vista previa, Respuesta y Tiempo.

Además, en mi versión de Chrome (50.0.2661.102) , proporciona una extensión llamada LIVE HTTP Headers que proporciona información sobre los encabezados de solicitud para todas las solicitudes HTTP.

actualización: imagen agregada

ingrese la descripción de la imagen aquí

QWERTY
fuente
2
en caso de que alguien lo necesite: si se marca 'mostrar descripción general', aparece debajo de la descripción general y podría no ser visible (me pasó a mí). Puede hacer clic en el icono 'ocultar descripción general' o ampliar la caja de herramientas del desarrollador
Angel M.
@ Chris22 por favor, eche un vistazo a la imagen en la publicación
Angel M.
@AngelM. gracias, está bien, de acuerdo con la imagen, el "show overview" no es una casilla de verificación, es un ícono.
Chris22
8

Sé que hay una respuesta aceptada pero recomiendo

Extensión de cliente REST simple para Chrome.

ejemplo:

P.EJ.

Leandro
fuente
0

Para la versión 78.0.3904.87, OS = Windows 7, PC de 64 bits

Pasos:

  1. Presione F12
  2. Seleccionar pestaña de red
  3. Seleccione XHR
  4. En Nombre -> puede ver todas las solicitudes XHR realizadas.
  5. Para ver los encabezados de solicitud de una solicitud XHR particular, haga clic en esa solicitud. Todos los detalles sobre esa solicitud XHR aparecerán en el lado derecho.
Deepak Agrawal
fuente
0

Para ver los encabezados HTTP de solicitud o respuesta en Google Chrome, siga los siguientes pasos:

  1. En Chrome, visite una URL (como https://www.google.com), haga clic derecho, seleccione Inspeccionar para abrir las herramientas de desarrollador.
    ingrese la descripción de la imagen aquí
  2. Seleccione la pestaña Red.
  3. Vuelva a cargar la página, seleccione cualquier solicitud HTTP en el panel izquierdo y los encabezados HTTP se mostrarán en el panel derecho.

ingrese la descripción de la imagen aquí

Zgpeace
fuente