Herramientas de red en F12 Herramientas de desarrollo del navegador Edge

Tabla de contenido:

Video: Herramientas de red en F12 Herramientas de desarrollo del navegador Edge

Video: Herramientas de red en F12 Herramientas de desarrollo del navegador Edge
Video: 🔝 10 лучших менеджеров паролей 🔑 для компьютеров 🖥️ и смартфонов 📱 (Windows, Mac, Android, iOS) 2024, Marcha
Herramientas de red en F12 Herramientas de desarrollo del navegador Edge
Herramientas de red en F12 Herramientas de desarrollo del navegador Edge
Anonim

Microsoft anunció recientemente nuevas herramientas de red mejoradas en Herramientas de desarrollo F12 por lo 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 desarrollo 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 necesitas hacer es hacer clic y abrir el Mas acciones menú y seleccione " F12 Herramientas de desarrollo". Esto iniciará automáticamente las herramientas desacopladas.

Mejora de las herramientas de red en Edge.

Image
Image

El primer paso dado por Microsoft en las mejoras es en el rediseño de 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ó una Empezar y parar Botón de la barra de herramientas para proporcionar más flexibilidad a los desarrolladores al tratar con el tráfico de red basado en HTTP.

Image
Image

También hay un nuevo botón llamado Filtro de tipo de contenido ”Que se ha agregado para permitir a los desarrolladores colocar el filtro y obtener solo el tipo de tráfico que se desea. De este modo, 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, tiempos de descarga, etc.

También puede exportar y hacer un seguimiento de toda la información en un archivo JSON HAR.

Image
Image
Image
Image

Notables mejoras en las herramientas de desarrollo F12 para Microsoft Edge

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

  • Actualizar siempre desde el servidor: Esta funcionalidad garantiza que está probando contra la última versión de un recurso del servidor en lugar de uno desactualizado.
  • Borrar caché y cookies: Esto asegura que la memoria caché de su navegador esté clara antes de cargar la página siguiente y que pueda borrar las cookies con el acceso directo sin tener que ir a la configuración del navegador
  • Sesión clara- 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 esta función, solo puede concentrarse 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 función

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 está utilizando para solicitar el recurso
  • Método: Muestra el método HTTP utilizado en la solicitud.
  • Resultado: Esto muestra el código de estado de respuesta y el mensaje de texto tal como lo devuelve el servidor
  • Tipo de contenido: Muestra el tipo MIME de la respuesta tal como lo devuelve el servidor
  • Recibido: El tamaño total de la carga útil de respuesta según lo entregado por el servidor
  • Hora: Muestra el tiempo tomado por recurso para obtener la descarga
  • Tiempos: Muestra la representación gráfica de la actividad de la red ocurrida en el tiempo
En caso de que si está interesado en una vista más detallada de la información, puede ir a la Vista de detalles en lugar de la Vista de resumen. Información como Encabezado, Cuerpo y Parámetros, etc. se muestran en diferentes secciones de la Vista detallada. Todo lo que necesita hacer es hacer doble clic en la solicitud y leer la información del panel lateral.
En caso de que si está interesado en una vista más detallada de la información, puede ir a la Vista de detalles en lugar de la Vista de resumen. Información como Encabezado, Cuerpo y Parámetros, etc. se muestran en diferentes secciones de la Vista detallada. Todo lo que necesita hacer es hacer doble clic en la solicitud y leer la información del panel lateral.
Una cosa clave a tener en cuenta aquí, 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.
Una cosa clave a tener en cuenta aquí, 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 User Agent, Mode, Display, Geolocation en Edge Developer Tools.

Artículos Relacionados:

  • Consejos y trucos para el navegador Edge para Windows 10
  • Edge vs Firefox: ¿Cuál es mejor para Windows 10?
  • Configuraciones de privacidad en el navegador Edge en Windows 10
  • Nuevas características en Microsoft Edge en la actualización de aniversario de Windows 10
  • Cambiar agente de usuario, modo, visualización, geolocalización en Edge Developer Tools

Recomendado: