El monitor de red muestra todas las solicitudes de red que Firefox realiza (por ejemplo, cuando carga una página, o debido a XMLHttpRequests), cuanto toma cada pedido, y detalles de cada pedido. Para abrir el monitor seleccione "Red" del menu "Desarrollado Web" (el cual es un Submenú del Menú "Herramientas" en Mac), o abra Herramientas de Desarrollador Web y seleccione la solapa "Red".
El monitor de red aparecerá al final de la ventana de navegación. Recargue la página para ver las solicitudes:
Lista de Solicitudes de Red
Por defecto, el Monitor de Red muestra una lista de todas las solicitudes de red hechas durante la carga de una página. Cada solicitud es mostrada en su propio linea:
Por defecto, el Monitor de Red se limpia cada vez que ud. navega a una nueva página o recarga la página actual. Desde Firefox 31 en adelante se puede cambiar este comportamiento selecccionando "Habilitar Registros Persistentes" en las Opciones de Herramientas.
Area de Solicitudes de Red
Cada fila muestra:
- √: El código HTTP retornado. Esti es mostrado por un ícono a colores: Verde para correcto (Códigos 2XX ), naranja para redirección (3XX), ó rojo para errores (4XX and 5XX). Desde Firefox 30 en adelante, el código exacto es mostrado inmediatamente después del ícono.
- Método: El método de Solicitud HTTP
- Archivo: Nombre base del archivo solicitado.
- Dominio: Dominio del path solicitado.
- Tipo:
Content-typede la respuesta - Tamaño: Tamaño de la respuesta
La barra de herramientas en la parte superior etiqueta estas columnas, y hacer click en las etiquetas ordena todas las solicitudes por esa columna.
Desde FireFox 30 en adelante, si el archivo es una imágne, la fila incluye una miniatura de la imagen, y pasar por arriba del nombre del archivo muestra un preview en un tooltip:
Linea de Tiempo
La lista de solicitudes también muestra una linea de tiempo para las diferentes partes de cada solicitud. Cada linea de tiempo es dada en posición horizantal en su fila relativa a las otras solicitudes de red, de manera que ud. pueda ver el tiempo total que tomó cargar la página. Para más detalles sobre los códigos de color usados aqui, vea la sección en la página Tiempos.
Filtrando por tipo de Contenido
Al final de la ventan una fila de botones le permite a ud. filtrar las solicitudes por el tipo de contenido de la respuesta:
En el extremo Derecho de esta fila hay un botoón llamado "Limpiar": como ud. podrá adivinar, esto le permite limpiar la lista de solicitudes de red.
Menu Contextual
Haciendo click en una fila de la lista muestra un menú contextual con las siguientes opciones:
- Abrir en nueva pestaña
- Copiar URL
- Copiar como cURL (solo desde Firefox 31 en adelante)
- Copiar Imágine como Data URI (solo para imágenes)
- Editar y Reenviar
- Comenzar Análisis de PerformanceStart Análisis de Performance para la página
Editar y Reenviar
Esta opción abre un editor que le permite editar el método de Solicitud, URL, parámetros, y cabeceras, y reenviar la solicitud.
Copiar como cURL
Esta característica es nueva en Firefox 31.
Esta opción copia la solicitud de red al portapapeles como un comando cURL, de manera que ud. pueda ejectutarlo desde una línea de comando. El comando puede incluir las sgtes. opciones:
-X [METODO] |
Si el método no es GET o POST |
--data |
Para parámetros de solicitud URL encodeados |
--data-binary |
Para parámetros de solicitud multiparte |
--http/VERSION |
Si la versión de HTTP no es 1.1 |
-I |
Si el método no es HEAD |
-H |
Uno para cada encabezado de solicitud. Deesde Firefox 34, si el encabezado "Accept-Encoding" está presente, el comando cURL incluirá |
Detalles de Solicitud de red
Hacer click en una fila muestra en un nuevo panel en la parte derecha del monitor de red, que provee más información detallada sobre la solicitud.
Las pestañas de la parte superior de este panel le permiten cambiar entre 5 diferentes páginas:
- Encabezados
- Cookies
- Parámetros
- Respuestas
- Tiempos
Desde Firefox 30 en adelante, hay una sexta página que aparece solamente si el tipo de contenido es HTML, la página de Vista Preliminar.
Hacer click en el ícono de la izquierda de las pestañas cierra el panel y vuelve a la vista de lista.
Encabezados
Esta pestaña lista información básica sobre la solicitud incluyendo URL y código de estado, asi como la solicitud HTTP y encabezados de respuesta que fueron enviados:
Ud. puede filtrar las encabezados que se muestran:
Cookies
Esta pestaña lista detalles completos de cualquier cookie que fue enfuera con la solicitud ó respuesta:
Al igual que con los encabezados, ud. puede filtrar las cookies que se muestran.
Parametros
Esta pestaña muestra los parámetros GET y datos POST de una solicitud:
Respuesta
El contenido completo de la respuesta. Si la respuesta es HTML, JS ó CSS, será mostrada como texto:
Si la respuesta es JSON, será mostrada como un objeto inspeccionable:
Si la respuesta es una imágen, la pestaña muestra una vista preliminar:
Tiempos
La pestaña de tiempo tiene una más detallada, anotada, vista de la barra de línea de tiempo para esa solicitud mostrado como el total de tiempo de espera es divido en varias etapas:
Vista Preliminar
Esta caracteristica es nueva en Firefox 30.
Desde Firefox 30 en adelante, si el tipo de archivo es HTML una sexta pestaña aparece llamada "Vista Preliminar". Esta hace un render de aquel HTML:
Análisis de Performance
La herramienta de análisis de performance es nueva en Firefox 29.
Desde Firefox 29 en adelante, el Monitor de Red trae una herramienta de análisis de performance, para ayudarlo a ver cuanto le toma el navegador descargar las diferentes partes de su sitio.
Para correr la herramienta de análisis de performance haga click en el icono de cronómetro en la barra de herramientas en la parte inferior del Monitor de Red:
(Alternativamente, si ud. acaba de abrir el Monitor de Red, por ende no está todavia populado con la lista de Solicitudes, ud. tendrá el ícono de Cronómetro en la ventana principal.)
El Monitor de Red luego carga el sitio dos veces: una vez con un cache de navegador vacio, y una vezcon el chaché óptimo. Esto simula la primera vez que un usuario visita su sitio, y visitas siguientes. Muestra los resultados para cada corrida de lado a lado ó verticalmente si la ventana de Navegación es angosta:
El resutlado de cada corrida es sumarizado en una tabla y un gráfico de torta. La tabla agrupa recursos por tipo, y muestra el tamaño total de cada recurso y el tiempo total que tomó en cargarlos. El gráfico de torta acompañante muestra el tamaño relativo de cada tipo de recurso.
Para volver a la lista de Solicitudes de Red del Monitor de Red haga click en el botón "Volver" en la izquierda.
Hacer click en una porción de la torta lo lleva al Monitor de Red para esa corrida, con una filtro automáticcamente aplicado para ver solo este tipo de recurso.