Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
Estas son las características más recientes de DevTools de la versión estable de Microsoft Edge.
Vídeo: Novedades de DevTools 111
Depuración remota de controles de Microsoft Edge, PWA y WebView2 en dispositivos HoloLens 2
Las herramientas remotas para la aplicación Microsoft Edge ya están disponibles en los dispositivos HoloLens 2. La aplicación Herramientas remotas para Microsoft Edge es un complemento para el Portal de dispositivos Windows para escritorio que permite la depuración remota de pestañas en Microsoft Edge, controles progresivos de Web Apps (PWA) y WebView2. Mediante la depuración remota, puede ejecutar contenido web en un dispositivo remoto y depurarlo directamente desde la máquina de desarrollo.
Con la depuración remota habilitada, ya no necesita abrir DevTools en los dispositivos HoloLens 2. En su lugar, puede conectarse al dispositivo remoto HoloLens 2 mediante el portal de dispositivos, abrir la edge://inspect página y, a continuación, seleccionar el destino (pestaña, PWA o control WebView2) que desea usar con DevTools.
Para enviarnos comentarios sobre el flujo de depuración remota para Microsoft Edge, deje un comentario en el problema 136: La depuración remota de dispositivos HoloLens 2 HoloLens 2 ya está disponible con la versión más reciente de la aplicación Herramientas remotas para Microsoft Edge.
Vea también:
- Depurar dispositivos Windows de forma remota
- Portal de dispositivos Windows para escritorio
- Depuración remota de aplicaciones HoloLens 2, WebView2 y WinUI 2 (UWP)
La barra de herramientas del Modo de dispositivo tiene controles de emulación para temas y deficiencias visuales
En versiones anteriores de Microsoft Edge, para emular diferentes temas o deficiencias de visión, usaría la herramienta Representación para, por ejemplo, emular la acromatopsia, que es cuando el usuario no puede percibir ningún color.
En Microsoft Edge 111, ahora puedes acceder a estos controles de emulación de temas y deficiencias visuales directamente desde la barra de herramientas Modo de dispositivo , además de usar la herramienta Representación .
Por ejemplo, para emular el modo de contraste alto y probar cómo responde el contenido web:
- En la barra de herramientas Modo de dispositivo , a la derecha de la lista desplegable Limitación , haga clic en Emular características multimedia (icono de cuentagotas, icono de
). - Seleccionar colores forzados: activo:
También puedes emular deficiencias visuales haciendo clic en el icono del Ojo junto al icono del Cuentagotas. Por ejemplo, para emular la visión borrosa:
- Haga clic en Emular deficiencia de visión (el icono del ojo, icono del
). - Selecciona Visión borrosa:
Vea también:
- Emular dispositivos móviles (emulación de dispositivo)
- Comprobar si hay problemas de contraste con el tema oscuro y el tema claro
- Emular deficiencias visuales
La herramienta de rendimiento anula los nombres de archivo y función al perfilar el código de producción
Microsoft Edge 99 ha agregado una nueva característica a la herramienta rendimiento denominada Unminify. Esta característica Unminify aplicó mapas de origen a un perfil que se registró con la herramienta Rendimiento y, a continuación, descargó el perfil no minimizado en la máquina. La característica Unminify se describe en Usar los mapas de origen para mostrar los nombres de función originales en los perfiles de rendimiento en las novedades de DevTools (Microsoft Edge 99).
En Microsoft Edge 111, esta característica se ha quitado porque la herramienta Rendimiento ahora proporciona automáticamente los nombres de archivo y función originales al generar perfiles de código de producción, siempre que se carguen mapas de origen. Los mapas de origen se pueden cargar de forma confiable y segura al hospedarlos en el servidor de símbolos de Azure Artifacts.
En la siguiente imagen, verá los nombres de función minimizados en el gráfico de llama al perfilar el código de producción:
Ahora, en Microsoft Edge 111, la herramienta rendimiento anula automáticamente los nombres de función en el gráfico de llama al generar perfiles de código de producción:
Vea también:
- Depurar de manera segura el código original mediante la publicación de mapas de origen en el servidor de símbolos Artefactos de Azure
- Depuración segura del código original mediante mapas de origen del servidor de símbolos de Azure Artifacts.
- Registre el rendimiento en la referencia de características de rendimiento.
El panel Estilos es más fácil de usar en Modo Focalizado
En versiones anteriores de Microsoft Edge, en el modo Concentración, la herramienta Elementos no proporcionaba una manera fácil de acceder a todas las pestañas dentro del panel Estilos . Se ha corregido este problema en Microsoft Edge 111. Cuando el panel Estilos tiene una ventana gráfica estrecha y no puede mostrar todas las demás pestañas disponibles, haga clic en el icono del expansor Más pestañas (icono del 
):
Para mostrar solo algunas de las pestañas del panel Estilos , haga clic en el icono del contraído Más pestañas (icono del 
):
Vea también:
Copiar la tabla de estadísticas del selector desde la herramienta Rendimiento a Excel
Microsoft Edge 109 introdujo la característica Estadísticas del selector en la herramienta Rendimiento . Con la opción Habilitar instrumentación de representación avanzada (lenta) activada en la herramienta Rendimiento , al seleccionar cualquier evento Recalcular estilos en el gráfico de llamas se agrega una pestaña Estadísticas del selector en el panel inferior. Consulte Depurar eventos de recalcular estilo de larga duración con nuevas estadísticas de selector en Novedades de DevTools (Microsoft Edge 109).
En Microsoft Edge 111, ahora puede exportar la tabla Estadísticas del selector para cada evento Recalcular estilos a un libro de Microsoft Excel. A continuación, puede usar Excel para realizar un análisis agregado del rendimiento del selector e identificar los selectores más costosos a lo largo de la vida útil del perfil.
Para exportar la tabla de estadísticas del selector :
- Haga clic en la celda superior izquierda con el mouse y, a continuación, arrastre para seleccionar la celda inferior derecha.
- Haga clic con el botón derecho en la tabla y, después, seleccione Copiar. O bien, presione Ctrl+C (Windows, Linux) o Comando+C (macOS).
- Pegue la tabla en Excel.
Vea también:
En el Modo Concentración, la tecnología de asistencia se anuncia cuando se mueve una herramienta a la Vista rápida
En versiones anteriores de Microsoft Edge, la tecnología de asistencia, como los lectores de pantalla, no anunciaba la confirmación al mover una herramienta de la barra de actividades a la barra de herramientas de vista rápida . Se ha corregido este problema en Microsoft Edge 111. Los lectores de pantalla ahora anuncian "Red agregada correctamente a la Vista rápida" al mover la herramienta Red de la barra de actividades a la barra de herramientas de Vista rápida :
Vea también:
Anuncios del proyecto de Chromium
Microsoft Edge 111 también incluye las siguientes actualizaciones del proyecto de Chromium:
- Depuración de color HD con el panel Estilos
- Experiencia del usuario de punto de interrupción mejorada
- Mejor resaltado de sintaxis para Angular
- Reorganizar cachés en el panel Aplicación