Cargo actual:Index > Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge

Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge

Actualizado:04-07Fuente: consolidación de la red
Advertisement

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

Veamos algunas de las principales mejoras que Microsoft ha comprado en.

Microsoft Edge herramientas de desarrollo F12

Incluso si usted es un principiante, usted encontrará que es muy fácil acceder a Microsoft Edge desarrollador F12, ya que hay muy pocos pasos que usted debe seguir. Todo lo que necesitas hacer es hacer clic y abra el menú Más acciones y seleccione "Herramientas de Desarrollo F12". Esto lanzará automáticamente las herramientas desacoplado.

Mejora de las herramientas de red en Edge

Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge


El primer paso dado por Microsoft sobre las mejoras es en el rediseño de las herramientas de red de modo que los desarrolladores pueden obtener una experiencia más limpia. A continuación, el equipo de Microsoft también agregó un botón de la barra de inicio y parada para proporcionar una mayor flexibilidad a los desarrolladores en el trato con el tráfico de red basado en HTTP.

Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge


También hay un nuevo botón llamado "tipo de filtro de contenido" que se ha añadido para permitir a los desarrolladores para poner el filtro y obtener sólo el tipo de tráfico que se desea. Así por esta puede saltarse muchas llamadas de red sin relación y al mismo tiempo obtener la información pertinente sobre el tipo y el número de errores de la red, el número de solicitudes, tamaños de transferencia de datos de respuesta y tiempos de descarga, etc.

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

Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge

Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge

Notables F12 Developer Tools mejoras para Microsoft Edge

Las listas de elementos mejorados que se incluyen en el borde Nueva Microsoft son los siguientes:

Siempre actualizar desde el servidor: Esta funcionalidad asegura que se está probando en contra de la última versión de un recurso desde el servidor en lugar de una obsoleta.

Borrar la caché y las cookies: Esto asegura que la caché del navegador está claro antes de cargar la siguiente página y puede borrar las galletas con el acceso directo sin tener que ir a la configuración del navegador

Claro sesión - Usted puede utilizar el botón sesión clara para borrar toda la información del tráfico de red registrada durante el período de sesiones

Entradas claras sobre navegación - Con esta función sólo puede centrarse en los recursos que se cargaron en la última actualización de la página o la navegación. Incluso puede comparar esto con la última sesión con sólo girar esta función

Inclusión de Resumida en las herramientas de red

Nombre: Esto incluye el nombre y la dirección URL del recurso solicitado

Protocolo: Incluir protocolo que se utiliza para solicitar el recurso

Método: Muestra método HTTP utilizada en la solicitud

Resultado: Muestra el mensaje de código de estado de respuesta y el texto devuelto por el servidor

Tipo de contenido: muestra el tipo MIME de la respuesta que devuelve el servidor

Recibido: El tamaño total de la carga útil de la respuesta no es entregado por el servidor

Tiempo: Visualizar el tiempo empleado por los recursos para obtener la descarga

Tiempos: Muestra la representación gráfica de la actividad de la red ocurrió con el tiempo

Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge


En caso si usted está interesado en más vista detallada de la información, entonces usted puede ir para Detallado lugar de Resumida. La información como Cabecera, Cuerpo y Parámetros, etc. se muestran en diferentes secciones de la vista de detalles. Todo lo que necesitas hacer es hacer doble clic sobre la solicitud y leer la información desde el panel lateral.

Herramientas de red en Herramientas F12 Desarrollador de navegador Microsoft Edge

Una cosa clave a tener en cuenta aquí, dice Microsoft , es que estas nuevas funciones mejoradas de herramientas de red también están disponibles en el entorno EI11 y Edge.

Ahora ve cómo puede cambiar de agente de usuario, modo, Pantalla, Geolocalización de Herramientas de Desarrollo Edge.