Usa el panel Red para analizar la carga de la página y, también, inspeccionar los recursos de red.
Descripción general
El panel Red te permite hacer lo siguiente:
- Registrar la actividad de red
- Inspeccionar las solicitudes de red
- Filtrar y ordenar las solicitudes de red
- Buscar encabezados y respuestas de red
- Cambiar el comportamiento de carga
- Bloquear solicitudes de red
- Cambiar las condiciones de red
- Depurar las reglas de especulación
prefetch - Anular los encabezados de respuesta HTTP
- Anular los encabezados de varias URLs con caracteres comodín
- Guardar y exportar datos de solicitudes de red
Consulta Cómo inspeccionar la actividad de red para ver un instructivo guiado en el que se exploran algunas de las funciones más usadas del panel Red.
Cómo abrir el panel Red
Para abrir el panel Red, abre Herramientas para desarrolladores y, luego, haz clic en Red, que se encuentra en la barra de acciones en la parte superior.
Como alternativa, para abrir el panel Red a través del menú de comandos , sigue estos pasos:
- Abre Herramientas para desarrolladores.
- Para abrir el menú de comandos , presiona lo siguiente:
- macOS: Command+Shift+P
- Windows, Linux y ChromeOS: Control+Shift+P
- Comienza a escribir
Network, selecciona Mostrar panel de red y presiona Enter.
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 Herramientas para desarrolladores esté abierto.
Además de registrar, puedes hacer lo siguiente:
- Detener el registro de solicitudes de red.
- Borrar todas las solicitudes de la tabla Solicitudes
- Guardar solicitudes en las cargas de página.
- Emular una experiencia sin conexión.
- Simular conexiones de red más lentas.
Cómo inspeccionar las solicitudes de red
Todas las solicitudes de red se registran en la tabla Solicitudes , que se encuentra en el centro del panel.
Para obtener más información sobre las columnas que se muestran de forma predeterminada y las adicionales que puedes agregar, consulta Cómo ver un registro de solicitudes.
Haz clic en el nombre de una solicitud para ver las pestañas con información adicional sobre la solicitud, incluidos los siguientes elementos:
- Encabezados: Los encabezados HTTP del recurso seleccionado
- Carga útil: Los parámetros de cadena de consulta y los datos de formulario de una solicitud
- Vista previa: Una renderización básica del HTML.
- Respuesta: El código fuente HTML del recurso seleccionado
- Iniciador: Lo que causó que se solicitara un recurso
- Tiempo: Un desglose de la actividad de red para el recurso seleccionado
- Cookies: Las cookies de una solicitud y su respuesta
Cómo filtrar y ordenar las solicitudes de red
El panel Red te ofrece dos formas de ordenar las solicitudes en la tabla Solicitudes:
A continuación, se indican varias formas de filtrar solicitudes en la tabla Solicitudes:
- Filtrar solicitudes por propiedades
- Filtrar solicitudes por tipo
- Filtrar solicitudes por hora
- Ocultar URLs de datos
- Ocultar las URLs de extensión
- Mostrar únicamente solicitudes con cookies de respuesta bloqueadas
- Mostrar solo las solicitudes bloqueadas
- Mostrar solo solicitudes de terceros
Cómo buscar encabezados y respuestas de red
Para obtener información sobre cómo buscar los encabezados y las respuestas HTTP de todos los recursos para una cadena o expresión regular determinada, consulta Cómo buscar encabezados y respuestas de red.
Cómo cambiar el comportamiento de carga
Para probar la experiencia del usuario de tu página, cambia el comportamiento de carga en el panel Red.
Con el panel Red , puedes hacer lo siguiente:
- Emular a un visitante nuevo inhabilitando la caché del navegador
- Borrar manualmente la caché del navegador
- Borrar manualmente las cookies del navegador
- Emular el modo sin conexión
- Simular una conexión de red lenta
- Anular 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: