Usa el panel Red para analizar la carga de páginas e inspeccionar los recursos de la red.
Descripción general
El panel Red te permite hacer lo siguiente:
- Cómo registrar la actividad de la red
- Cómo inspeccionar solicitudes de red
- Filtra y ordena las solicitudes de red
- Encabezados y respuestas de la Red de Búsqueda
- Cómo cambiar el comportamiento de carga
- Bloquear solicitudes de red
- Cómo cambiar las condiciones de la red
- Depura reglas de especulación
prefetch - Anula los encabezados de respuesta HTTP
- Anula los encabezados de varias URLs con caracteres comodín.
- Cómo guardar y exportar datos de solicitudes de red
Consulta Cómo inspeccionar la actividad de la red para ver un instructivo guiado que explora algunas de las funciones más usadas del panel de Red.
Abrir el panel Red
Para abrir el panel Red, abre Herramientas para desarrolladores y, luego, haz clic en Red en la barra de acciones de la parte superior.
De manera alternativa, para abrir el panel Red a través del menú Comando, sigue estos pasos:
- Abre Herramientas para desarrolladores.
- Abre el menú de comandos presionando las siguientes teclas:
- En macOS: Command + Mayúsculas + P
- Windows, Linux y ChromeOS: Control + Mayúsculas + P
- Comienza a escribir
Network, selecciona Mostrar panel de red y presiona Intro.
Cómo registrar la actividad de red
Cuando abres Herramientas para desarrolladores, las solicitudes de red se registran automáticamente en el panel Red, siempre que las Herramientas para desarrolladores estén abiertas.
Además de grabar, puedes hacer lo siguiente:
- Deja de registrar solicitudes de red.
- Borra todas las solicitudes de la tabla Solicitudes.
- Guarda solicitudes entre cargas de páginas.
- Emula una experiencia sin conexión.
- Simula conexiones de red más lentas.
Cómo inspeccionar solicitudes de red
Todas las solicitudes de red se registran en la tabla Solicitudes ubicada en el centro del panel.
Para obtener más información sobre las columnas que se muestran de forma predeterminada y las columnas adicionales que puedes agregar, consulta Visualiza un registro de solicitudes.
Haz clic en el nombre de una solicitud para ver las pestañas con información adicional sobre la solicitud, que incluye lo siguiente:
- Encabezados: Los encabezados HTTP del recurso seleccionado.
- Carga útil: Son los parámetros de la cadena de consulta y los datos del formulario de una solicitud.
- Vista previa: Es una renderización básica del HTML.
- Respuesta: El código fuente HTML del recurso seleccionado.
- Initiator: Es la causa de la solicitud de un recurso.
- Timing: Un desglose de la actividad de red del recurso seleccionado.
- Cookies: Son las cookies de una solicitud y su respuesta.
Filtra y ordena las solicitudes de red
El panel Network te ofrece dos maneras de ordenar las solicitudes en la tabla Requests:
Las siguientes son varias maneras de filtrar solicitudes en la tabla Solicitudes:
- Filtra solicitudes por propiedades
- Cómo filtrar solicitudes por tipo
- Cómo filtrar solicitudes por tiempo
- Cómo ocultar URLs de datos
- Ocultar las URLs de extensión
- Mostrar solo las solicitudes con cookies de respuesta bloqueadas
- Mostrar solo las solicitudes bloqueadas
- Mostrar solo solicitudes de terceros
Encabezados y respuestas de la Red de Búsqueda
Si quieres obtener información para buscar los encabezados HTTP y las respuestas de todos los recursos de una string o una expresión regular determinada, consulta Cómo buscar encabezados y respuestas de la red.
Cambia el comportamiento de carga
Para probar la experiencia del usuario de tu página, cambia el comportamiento de carga en el panel Red.
En el panel Network, puedes hacer lo siguiente:
- Inhabilita la caché del navegador para emular un visitante nuevo
- Cómo borrar manualmente la caché del navegador
- Cómo borrar manualmente las cookies del navegador
- Emula sin conexión
- Cómo simular una conexión de red lenta
- Anula los encabezados de respuesta HTTP
- Anular el usuario-agente
Cómo guardar y exportar datos de solicitudes de red
Para guardar y exportar datos de solicitudes de red, consulta lo siguiente: