Novedades de DevTools (Microsoft Edge 103)

Estas son las características más recientes de DevTools de la versión estable de Microsoft Edge.

Vídeo: Novedades de DevTools 103

Imagen en miniatura del vídeo

Nuevos tipos de nodo en la herramienta Memoria

En Microsoft Edge 103, al tomar una instantánea de montón en la herramienta Memoria , hay dos nuevos tipos de nodos:

  • BigInt : se usa para representar y manipular valores que son demasiado grandes para ser representados por el tipo de nodo Número . Ver BigInt.
  • Forma de objeto : hace referencia a las clases ocultas y matrices de descriptores que V8 (el motor de JavaScript de Microsoft Edge) usa para comprender e indexar las propiedades de los objetos. Consulte HiddenClasses y DescriptorArrays en las propiedades del Modo anticipado en V8.

Tipos de nodo de memoria BigInt y forma de objeto

Para obtener información sobre el historial, consulte el problema 12769: mejorar la categorización de objetos en instantáneas de montón.

Vea también:

  • Entradas de constructor en instantáneas de montón de registros mediante la herramienta Memoria (tipo de generación de perfiles "instantánea de montón").

Inicie el explorador desde un archivo HTML y use la herramienta Aplicación en Visual Studio Code

Para facilitar el inicio de una nueva instancia insertada de Microsoft Edge desde Visual Studio Code, al hacer clic con el botón derecho en un archivo HTML en el Explorador, ahora hay un submenú Abrir con Edge que tiene los comandos Abrir explorador y Abrir explorador con DevTools:

Haga clic con el botón derecho en un archivo HTML para abrir una instancia del explorador y la pestaña

Ahora también puede usar la herramienta Aplicación para obtener información sobre el almacenamiento y la información del trabajo de servicio del proyecto, sin salir de Visual Studio Code:

La herramienta Aplicación de la pestaña

Vea también:

Correcciones de errores para la interfaz de usuario del modo Focalizado

En la nueva interfaz de usuario de DevTools del modo focalizado , se han resuelto varios errores que afectaban a los controles y métodos abreviados de teclado para DevTools:

  • Se ha mejorado el comportamiento de los paneles contraíbles, como los estilos , en la herramienta Elementos .
  • Se han corregido algunos casos en los que el nombre de una herramienta abierta no era visible.
  • Confiabilidad mejorada de los controles de Vista rápida .
  • Se ha mejorado el comportamiento de abrir DevTools mediante métodos abreviados de teclado.
  • Se ha corregido un problema con la navegación a una línea específica de código en la herramienta Orígenes mediante métodos abreviados de teclado.
  • Se ha restaurado el método abreviado de teclado para abrir la búsqueda en el panel Vista rápida, que es Ctrl+Mayús+F (Windows, Linux) o Comando+Opción+F (macOS):

El método abreviado de teclado de búsqueda abre la herramienta Buscar en el panel Vista rápida

La herramienta Vista 3D responde mejor en diseños estrechos

En versiones anteriores de Microsoft Edge, la herramienta Vista 3D no se mostraba correctamente en diseños estrechos. Las opciones de la barra de herramientas se cortaban cuando DevTools era estrecho. Se ha corregido este problema en Microsoft Edge 103. Las opciones de la barra de herramientas en la vista 3D ahora se apilan cuando se reduce el ancho de la ventana de DevTools:

Diseño adaptable de la barra de herramientas en la herramienta Vista 3D

Vea también:

Corrección: Ahora se puede acceder al botón Cerrar de DevTools en el modo de contraste alto

En versiones anteriores de Microsoft Edge, el botón Cerrar de DevTools no se representaba correctamente en el modo de contraste alto. Se ha corregido este problema en Microsoft Edge 103. El botón Cerrar (icono Cerrar) de DevTools se muestra correctamente en el modo de contraste alto:

Botón Cerrar DevTools (X) en modo de contraste alto

Vea también:

Herramienta de bienvenida rediseñada

En Microsoft Edge 103, la herramienta de bienvenida tiene un diseño nuevo y moderno con contenido mejorado y ampliado. Es más fácil que nunca encontrar documentación, vídeos e información sobre nuevas características y correcciones de errores.

  • En la sección Aprendizaje , use los vínculos para ir rápidamente a la documentación de las tareas comunes de DevTools.

  • En la sección Novedades , obtén información sobre los últimos cambios, nuevas características y correcciones de errores.

  • En ambas secciones, obtenga información sobre las características de desarrollo web nuevas y existentes a través de nuestra nueva serie de vídeos, Vídeos sobre el desarrollo web con Microsoft Edge.

La herramienta de bienvenida rediseñada

Vea también:

Anuncios del proyecto de Chromium

Microsoft Edge 103 también incluye las siguientes actualizaciones del proyecto Chromium:

Vea también