Cómo utilizar las herramientas de desarrollo web integradas de Firefox para analizar páginas web

Haga clic en Menú-gt; Herramientas-gt; Web Developer-gt; cambie de herramientas, podrá ver el siguiente icono:

Las herramientas de desarrollador web predeterminadas incluyen la consola. Hay 6 partes. : visor, depurador, editor de CCTV, analizador y analizador de red. Este artículo hablará sobre la parte del analizador de red.

Haga clic en la pestaña "Red" de las Herramientas de desarrollo web, como se muestra arriba, y verá un encabezado de formulario vacío a continuación, que contiene métodos, archivos, nombres de dominio, tipos, tamaños y cronogramas. Hay varias pestañas a continuación que se pueden cambiar: Todo, HTML, CSS, JS, XHR, Fuentes, Imágenes, Medios y Flash.

Utilice un analizador de red para analizar páginas web:

1. Cambie la ventana a "Analizador de red" (como se muestra a continuación, haga clic en la pestaña "Red").

2. Luego visite la página web que necesita ser analizada. En este momento, puede ver la solicitud de flujo en cascada y la visualización de la línea de tiempo, como se muestra a continuación.

3. Como se muestra en la figura anterior, puede ver claramente el estado de la solicitud de cada archivo dentro de la página web y la línea de tiempo de acceso está a la derecha.

4. Haga clic en cualquier fila y la información detallada de la solicitud aparecerá a la derecha, como se muestra en la siguiente figura:

5. , simplemente haga clic en el icono expandido como se muestra a continuación: