Compartir a través de


Novedades de DevTools (Microsoft Edge 121)

Para consultar las características más recientes de Microsoft Edge DevTools y la extensión Microsoft Edge DevTools para Microsoft Visual Studio Code y Visual Studio, lea estos anuncios.

Para mantenerse al día y obtener las últimas características de DevTools, descargue una versión preliminar de Insiders de Microsoft Edge. Tanto si está en Windows, Linux o macOS, considere la posibilidad de usar Canary (u otro canal de versión preliminar) como explorador de desarrollo predeterminado. Las versiones Beta, Dev y Canary de Microsoft Edge se ejecutan como aplicaciones independientes, en paralelo con la versión estable y publicada de Microsoft Edge. Consulte Canales de Microsoft Edge Insider.

Para ver los anuncios más recientes, siga al equipo de Microsoft Edge en Twitter. Para notificar un problema con DevTools o solicitar una nueva característica, escriba un problema en el repositorio MicrosoftEdge/DevTools .

Ahora funcionan las pestañas Z-index y DOM en la herramienta vista 3D

En las 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 funcionara correctamente. Las pestañas se bloquearían o inmovilizarían y mostrarían el contenido de la pestaña Capas compuestas en su lugar. Este problema se ha corregido en Microsoft Edge 121:

Pestaña Índice Z en la herramienta Vista 3D

Vea también:

El icono Ocultar correcto del depurador o Mostrar depurador se muestra en la herramienta Orígenes

El icono usado para contraer o expandir el panel Depurador de 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

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

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

Vea también:

Se ha agregado compatibilidad con el mapa 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 asociado, 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 calendario lento contenía solo una línea estática única para el bundle.js archivo. La bundle.js línea del informe de cobertura ahora se puede expandir para mostrar todos los archivos de origen originales que componen este archivo compilado bundle.js :

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

Vea también:

Funcionalidades avanzadas de filtrado en las pestañas Abajo 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 Abajo arriba, Árbol de llamadas y Registro de eventos:

  • Caso de coincidencia.
  • Use expresión regular.
  • Coincide con toda la palabra.

Los botones

Además, en la pestaña Abajo 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:

Superposición de herramientas para controles de ventana PWA

La herramienta Aplicación tiene una nueva sección Superposición de controles de ventana en Manifiesto, para ayudar a los desarrolladores de PWA a ver una vista previa de cómo controla su aplicación los controles de ventana, sin tener que instalar el PWA y realizar los cambios de estilo necesarios para dar cabida a 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: