Compartir vía


Novedades de DevTools (Microsoft Edge 98)

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 .

Vídeo: Microsoft Edge | Novedades de DevTools 98

Imagen en miniatura del vídeo

Ponerse al día con las características más recientes y más grandes de Microsoft Edge

En 2021, las herramientas para desarrolladores de Microsoft Edge han dado un salto masivo. Visual Studio Code, DevTools y el explorador ahora proporcionan varios flujos de trabajo integrados para la depuración de JavaScript, la creación de reflejo de los cambios CSS y la difusión de pantalla desde el explorador. Entre el modo de enfoque, la compatibilidad con temas Visual Studio Code y otras opciones de personalización, el equipo de Microsoft Edge está trabajando para que DevTools sea más fácil y fácil de usar.

Póngase al día con todas estas noticias y mucho más en nuestra entrada de blog de año en revisión, Mirando a Microsoft Edge para desarrolladores en 2021.

Captura de pantalla de la entrada de blog: Examinar Microsoft Edge para desarrolladores en 2021

Actualización: a partir de Microsoft Edge 131, se quita la característica de temas Visual Studio Code y estos temas se vuelven a los temas predeterminados:

  • Luz+
  • Oscuro+

Automatización del modo IE con el controlador de Internet Explorer

A partir del 15 de junio de 2022, Internet Explorer 11 ya no se admitirá en determinadas versiones de Windows 10. El modo IE es una característica de Microsoft Edge para organizaciones que todavía necesitan Internet Explorer 11 para la compatibilidad con sitios web o aplicaciones heredados. Para admitir las pruebas de esos sitios web y aplicaciones heredados, ahora puede automatizar el modo IE con Selenium 4 e Internet Explorer Driver.

Vea también:

Emulación del modo de colores forzados

Además de emular el modo oscuro, claro e impreso para la página web actual, ahora también puede ver el aspecto de la página web para los usuarios que tienen habilitado el modo de colores forzados. El modo de colores forzados es una característica de accesibilidad del sistema operativo. Obliga a que los colores de la página web se reduzcan a una paleta de colores limitada, como el modo de contraste alto de Windows. La emulación del modo de colores forzados le permite realizar una comprobación puntual sin tener que cambiar la configuración de su propio sistema.

Para activar la emulación de colores forzados, en DevTools, abra la herramienta Representación y, a continuación, en la lista desplegable Emulate CSS media feature forced-colors (Emular la característica de medios CSS con colores forzados ), seleccione forced-colors: active (Colores forzados: activo).

Sin la emulación de colores forzados activada, la página web siguiente tiene varios colores diferentes de texto con diferentes colores de fondo:

Una página web sin emulación de colores forzados activada en la herramienta Representación

Con la emulación de colores forzados activada en la herramienta Representación , la página web cambia a texto negro en un fondo blanco:

Página web con emulación de colores forzados activada en la herramienta Representación. Texto cambiado a texto negro en un fondo blanco

Vea también:

Los iconos de actividad del registro de eventos de la herramienta Rendimiento ahora tienen información sobre herramientas

En versiones anteriores de Microsoft Edge, la pestaña Registro de eventos de la herramienta Rendimiento muestra iconos codificados por colores que representan el tipo de actividad de cada evento. Sin embargo, el registro de eventos no muestra información sobre el tipo de actividad que representa cada color. En Microsoft Edge 98, la información sobre herramientas se ha agregado a los eventos de actividad de la pestaña Registro de eventos, que indica scripting, representación, pintura, sistema y tiempo de inactividad para cada evento.

En el registro de eventos, el evento activity seleccionado tiene un cuadro verde que representa un evento Painting y ahora una información sobre herramientas indica explícitamente

Vea también:

Los tamaños superficiales de la herramienta Memoria ahora se representan como valores decimales.

En versiones anteriores de Microsoft Edge, el tamaño superficial de una instantánea de montón en la herramienta Memoria se notifica normalmente como 0 %, ya que el tamaño superficial es tan pequeño, en relación con el tamaño total del montón. En Microsoft Edge 98, el tamaño superficial ahora se notifica como un valor decimal, si el tamaño está entre el 0 % y el 1 % del montón.

En una instantánea de montón, los valores de columna Tamaño superficial entre el 0 % y el 1 % del montón ahora se muestran como valores decimales con una o dos posiciones decimales

Vea también:

Corrección: Ahora se puede cambiar el tamaño del cuadro de texto Buscar de la herramienta Red.

En versiones anteriores de Microsoft Edge, en la herramienta Red , el cuadro de texto Buscar no cambia de tamaño al cambiar el ancho del panel. Cuando el panel es estrecho, no se muestran los botones Actualizar y Borrar . En Microsoft Edge 98, este problema se ha corregido.

En la herramienta Red, el cuadro de texto Buscar ahora cambia de tamaño para mostrar los botones Actualizar y Borrar, incluso cuando el panel es estrecho.

Vea también:

Corrección: Los iconos de los trabajadores del servicio y las etiquetas de script de la herramienta Elementos ahora están alineados

En versiones anteriores de Microsoft Edge, los iconos Expandir (El icono de triángulo expandir o contraer) de la sección Trabajos de servicio de la herramienta Aplicación no se alinearon. El número de versión de la tabla Ciclo de actualización estaba cortando los iconos Expandir . En Microsoft Edge 98, este problema se ha corregido:

Los iconos de la sección Trabajadores de servicio de la herramienta Aplicación ahora están alineados, por lo que los iconos Expandir/Contraer ahora están totalmente visibles.

Además, en la herramienta Elementos , se desalineó el icono Expandir (el icono Expandir árbol DOM) de <script> las etiquetas. En Microsoft Edge 98, este problema se ha corregido:

En la herramienta Elementos, el icono Expandir de <las etiquetas de script> ahora está alineado correctamente.

Vea también:

Anuncios del proyecto de Chromium

La versión 98 de Microsoft Edge también incluye las siguientes actualizaciones del proyecto de Chromium: