Microsoft anunció recientemente nuevas herramientas de red mejoradas en herramientas para desarrolladores F12 para el nuevo navegador Microsoft Edge en Windows 10 tras una enorme demanda de desarrolladores. Como desarrollador, usted tiene todas las razones para sentirse entusiasmado, ya que ahora puede trabajar en un conjunto mejorado de herramientas.
Veamos algunas de las principales mejoras que Microsoft ha adquirido.
Herramientas para desarrolladores de Microsoft Edge F12
Incluso si eres un principiante, te resultará muy fácil acceder al desarrollador de Microsoft Edge F12, ya que hay muy pocos pasos que debes seguir. Todo lo que tiene que hacer es hacer clic y abrir el menú Más acciones y seleccionar » F12 Herramientas de desarrollo «. Esto lanzará automáticamente las herramientas desacopladas.
Mejora de las herramientas de red en Edge
El primer paso dado por Microsoft en cuanto a las mejoras es rediseñar las herramientas de red para que los desarrolladores puedan obtener una experiencia más limpia. A continuación, el equipo de Microsoft también agregó un botón de la barra de herramientas Iniciar y detener para proporcionar más flexibilidad a los desarrolladores mientras tratan con tráfico de red basado en HTTP.
También hay un nuevo botón llamado » Content type filter » que ha sido añadido para permitir a los desarrolladores poner el filtro y obtener sólo el tipo de tráfico deseado. De este modo, puede omitir muchas llamadas de red no relacionadas y, al mismo tiempo, obtener información relevante sobre el tipo y el número de errores de red, el número de solicitudes, el tamaño de la transferencia de datos de respuesta, los tiempos de descarga, etc.
También puede exportar y hacer un seguimiento de toda la información de un archivo JSON HAR.
Mejoras notables en las herramientas de desarrollo F12 para Microsoft Edge
Las listas de elementos mejorados que se incluyen en el nuevo Microsoft Edge son las siguientes:
- Actualizar siempre desde el servidor : Esta funcionalidad asegura que está probando contra la última versión de un recurso desde el servidor en lugar de contra la versión obsoleta.
- Borrar caché y cookies : Esto asegura que la caché de su navegador esté limpia antes de cargar la siguiente página y que pueda borrar las cookies con el acceso directo sin tener que ir a la configuración del navegador
- Clear session – Puede utilizar el botón clear session para borrar cualquier información de tráfico de red grabada durante la sesión
- Borrar entradas al navegar – Con esta característica sólo puede centrarse en los recursos que se cargaron durante la última actualización o navegación de la página. Puede incluso compararlo con la última sesión simplemente desactivando esta función
Inclusión de la vista Resumen en las herramientas de red
- Nombre : Incluye el Nombre y la URL del recurso solicitado
- Protocolo : Incluye el protocolo que se está utilizando para solicitar el recurso
- Método : Muestra el método HTTP utilizado en la petición
- Resultado : Muestra el código de estado de la 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
- Hora : Muestra el tiempo que tardó el recurso en obtener la descarga
- Timings : Muestra la representación gráfica de la actividad de red ocurrida a lo largo del tiempo
En caso de que esté interesado en una vista más detallada de la información, puede ir a la Vista detallada en lugar de la Vista de resumen. La información como Cabecera, Cuerpo, Parámetros, etc. se muestra en diferentes secciones de la Vista detallada. Todo lo que tiene que hacer es hacer doble clic en la solicitud y leer la información del panel lateral.
Una cosa clave a tener en cuenta aquí abajo, dice Microsoft , es que estas nuevas características mejoradas de las herramientas de red también están disponibles en el entorno IE11 así como en Edge.
Ahora vea cómo puede cambiar Agente de usuario, Modo, Visualización, Geolocalización en Edge Developer Tools.
Contenido Relacionado
[pt_view id=»1047b4eroy»]
