Novedades de DevTools (Microsoft Edge 121)

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

Las pestañas Z-index y DOM en la herramienta Vista 3D ahora funcionan

En versiones recientes de Microsoft Edge, se produjo un error en la herramienta Vista 3D que provocaba que las pestañas Z-index y DOM no funcionaran correctamente. Las pestañas se bloqueaban o inmovilizaban y mostraban el contenido de la pestaña Capas compuestas en su lugar. Este problema se ha corregido en Microsoft Edge 121:

La pestaña índice Z en la herramienta Vista 3D

Vea también:

Se muestra el icono Ocultar depurador o Mostrar depurador en la herramienta Orígenes

El icono usado para contraer o expandir el panel Depurador a la derecha de la herramienta Orígenes era incorrecto. Se mostró el icono Ocultar depurador en lugar del icono Mostrar depurador y viceversa:

Icono de la herramienta Orígenes, antes de

En Microsoft Edge 121, ahora se muestra el icono correcto:

Icono de la herramienta Orígenes, después de

Vea también:

Agregada compatibilidad con mapas de origen en la herramienta Cobertura

Antes de Microsoft Edge 121, la herramienta Cobertura solo mostraba información para los archivos generados y omitía los archivos de origen incluso cuando se adjuntaba un mapa de origen. La herramienta Cobertura se ha mejorado para que, cuando un archivo generado tenga un mapa de origen adjunto, la herramienta Cobertura muestre información para el archivo de origen, así como para el archivo generado.

Por ejemplo, antes de Microsoft Edge 121, el informe de cobertura de la página de demostración de Calendar lento solo contenía una línea estática para el bundle.js archivo. La bundle.js línea en el informe de cobertura ahora se puede expandir para mostrar todos los archivos de origen originales que componen este archivo compilado bundle.js :

Herramienta Cobertura que muestra información sobre los archivos de origen asignados de origen, así como los archivos generados

Vea también:

Funcionalidades avanzadas de filtrado en las pestañas De abajo a arriba, Árbol de llamadas y Registro de eventos de la herramienta Rendimiento

En la herramienta Rendimiento , se agregaron los siguientes botones de filtrado avanzado a las pestañas De abajo hacia arriba, Árbol de llamadas y Registro de eventos :

  • Coincidir mayúsculas y minúsculas.
  • Use expresiones regulares.
  • Coincidir con toda la palabra.

Los botones

Además, en la pestaña De abajo hacia arriba , el filtro se ha actualizado para que ahora solo se aplique a los elementos de nivel superior, en lugar de coincidir con todos los nodos.

Vea también:

Herramientas para la superposición de controles de ventana PWA

La herramienta Aplicación tiene una nueva sección de Superposición de controles de ventana en Manifiesto, para ayudar a los desarrolladores de PWA a ver una vista previa de cómo su aplicación controla los controles de ventana, sin tener que instalar la PWA y realizar los cambios de estilo necesarios para acomodar los controles de ventana:

La sección

Use la sección Superposición de controles de ventana para emular controles de ventana para Windows, Linux y macOS.

Vea también:

Anuncios del proyecto de Chromium

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

Vea también