Herramientas de red en F12 Herramientas de desarrollo de navegador Edge

Microsoft anunció recientemente nuevas herramientas de red mejoradas en herramientas de desarrollador F12 para el nuevo navegador Microsoft Edge en Windows 10 después de una gran demanda de los desarrolladores. Como desarrollador, tiene todas las razones para sentirse emocionado ya que ahora puede trabajar en un conjunto mejorado de herramientas.

Veamos algunas de las principales mejoras que Microsoft ha comprado.

Herramientas de desarrollador Microsoft Edge F12

Incluso si es un principiante, le resultará extremadamente fácil acceder al desarrollador de Microsoft Edge F12 ya que hay muy pocos pasos que debe seguir. Todo lo que necesita hacer es hacer clic y abrir el menú Más acciones y seleccionar " F12 Herramientas de desarrollador ". Esto lanzará automáticamente las herramientas desatadas.

Mejora de las herramientas de red en Edge

El primer paso de las mejoras de Microsoft es rediseñar las herramientas de red para que los desarrolladores puedan obtener una experiencia más limpia. Luego, el equipo de Microsoft también agregó un botón de barra de herramientas Comenzar y detener para proporcionar más flexibilidad a los desarrolladores mientras maneja el tráfico de red basado en

También hay un nuevo botón llamado ""que se ha agregado para permitir a los desarrolladores colocar el filtro y obtener solo el tipo de tráfico que se desea. Por lo tanto, puede omitir muchas llamadas de red no relacionadas y, al mismo tiempo, obtener información relevante sobre el tipo y número de errores de red, número de solicitudes, tamaños de transferencia de datos de respuesta y tiempos de descarga, etc.

También puede exportar y mantener una pista de toda la información en un archivo JSON HAR.

Mejoras destacadas en F12 Developer Tools para Microsoft Edge

Las listas de elementos mejorados que se incluyen en New Microsoft Edge son las siguientes:

• Siempre actualizar desde el servidor : esta funcionalidad asegura que está probando contra la última versión de un recurso del servidor en lugar de una obsoleta.
• Borrar caché y cookies : Esto asegura que la memoria caché de su navegador es clara antes de cargar la siguiente página y puede borrar las cookies con el acceso directo sin tener que ir a la configuración del buscador
• Borrar sesión - Puede usar el botón borrar sesión para borrar cualquier información de tráfico de red registrada durante la sesión
• Borrar entradas en navegar - Con thi s solo puede enfocarse en los recursos que se cargaron durante la última actualización o navegación de la página. Incluso puede comparar esto con la última sesión simplemente desactivando esta característica

Inclusión de Vista de resumen en las herramientas de red

• Nombre : Esto incluye el Nombre y la URL del recurso solicitado
• Protocolo : Incluir protocolo que se usa para solicitar el recurso
• Método : muestra el método HTTP utilizado en la solicitud
• Resultado : muestra el código de estado de respuesta y el mensaje de texto devuelto por el servidor
• Tipo de contenido : muestra el tipo MIME de la respuesta devuelta por el servidor
• Recibido : el tamaño total de la carga útil de respuesta entregada por el servidor
• Tiempo : muestra el tiempo empleado por recurso para obtener la descarga
• Tiempos : muestra la representación gráfica de la actividad de red ocurrida con el tiempo

En caso de que esté interesado en una vista más detallada de la información, puede ir a la Vista de detalles en lugar de Vista de resumen. La información como encabezado, cuerpo y parámetros, etc. se muestran en diferentes secciones de la vista de detalles. Todo lo que necesita hacer es hacer doble clic en la solicitud y leer la información del panel lateral.

Una cosa clave que hay que anotar aquí, dice Microsoft, es que estas nuevas características mejoradas de las herramientas de red también están disponibles en el entorno IE11 además de Edge.

Ahora vea cómo puede cambiar User Agent, Mode, Display, Geolocation en Edge Developer Tools.