Características experimentales en Microsoft Edge DevTools

Microsoft Edge DevTools proporciona acceso a características experimentales que aún están en desarrollo. En este artículo se enumeran y describen las características experimentales que se encuentran en:

• La versión más reciente del canal de versión preliminar canary de Microsoft Edge.
• La versión más reciente de la versión estable de Microsoft Edge.

Todos los canales de Microsoft Edge tienen características experimentales. Puede obtener las características experimentales más recientes mediante el canal Microsoft Edge Canary. Para ver la lista completa de experimentos que están disponibles en la versión de Microsoft Edge, consulte la páginaExperimentos de configuración> en DevTools.

Estos experimentos podrían ser inestables o poco confiables y pueden requerir que reinicie DevTools.

Experimentos que están activados de forma predeterminada

Las siguientes características experimentales están activadas de forma predeterminada. Puede usar estas características de inmediato, sin cambiar ninguna configuración. Si es necesario, puede desactivar estas características experimentales predeterminadas.

Activado de forma predeterminada en Microsoft Edge Canary 135:

• Habilitación de la vista de árbol de accesibilidad completa en el panel Elementos
• Rediseño de la barra de filtros en el panel Red
• Panel Autorrellenar
• Panel de rendimiento: habilitar la atenuación de eventos no relacionados en información de rendimiento y resultados de búsqueda
• Panel de rendimiento: habilitar un cambio a una opción de navegación de escala de tiempo alternativa
• Panel de rendimiento: habilitar características de dependencia de terceros
• Enable webhint
• Mostrar problemas en elementos
• Abrir archivos de origen en Visual Studio Code

Activado de forma predeterminada en Microsoft Edge Stable 133:

• Rediseño de la barra de filtros en el panel Red
• Panel Autorrellenar
• Panel de rendimiento: habilitar un cambio a una opción de navegación de escala de tiempo alternativa
• Enable webhint
• Mostrar problemas en elementos
• Abrir archivos de origen en Visual Studio Code

Activar o desactivar un experimento

Las características experimentales se actualizan constantemente y pueden causar problemas de rendimiento. Esta es una de las razones por las que es posible que quiera desactivar un experimento.

Para activar o desactivar un experimento en Microsoft Edge:

1. Para abrir DevTools, haga clic con el botón derecho en la página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS). Se abre DevTools.

2. En DevTools, en la barra de herramientas principal, haga clic en el botón Personalizar y controlar DevTools () y, a continuación, haga clic en el botón Configuración (). O bien, presione Mayús+?.

3. En el lado izquierdo del panel Configuración , seleccione la página Experimentos :

   

4. Active o desactive la casilla de un experimento. Algunos experimentos se seleccionan de forma predeterminada.

5. Haga clic en Cerrar () en la esquina superior derecha de Configuración de DevTools.

6. Haga clic en el botón Volver a cargar DevTools .

Restauración de valores predeterminados para los que se seleccionan los experimentos

Para restaurar la configuración predeterminada para la que están activadas las características experimentales:

1. Para abrir DevTools, haga clic con el botón derecho en la página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS). Se abre DevTools.

2. En DevTools, en la barra de herramientas principal, haga clic en el botón Configuración (). O bien, presione Mayús+?. Se abre el panel Configuración , con la página Preferencias seleccionada.

3. En la parte inferior de la página Preferencias, haga clic en el botón Restaurar valores predeterminados y actualizar y, a continuación, haga clic en Cerrar ().

Filtrado de los experimentos

Puede filtrar las características experimentales por texto incluido en el título.

1. Para abrir DevTools, haga clic con el botón derecho en la página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS). Se abre DevTools.

2. En DevTools, en la barra de herramientas principal, haga clic en el botón Configuración (). O bien, presione Mayús+?. Se abre el panel Configuración , con la página Preferencias seleccionada.

3. En el lado izquierdo del panel Configuración , seleccione la página Experimentos .

4. Haga clic en el cuadro de texto Filtrar y escriba texto, como escala de tiempo. A medida que escribe, solo se muestran las casillas coincidentes en la página Experimentos.

5. Para finalizar el filtrado, desactive el cuadro de texto Filtrar .

Proporcionar comentarios sobre los experimentos

Estamos deseosos de escuchar sus comentarios sobre las características experimentales. Para compartir comentarios con nosotros, póngase en contacto con el equipo de Microsoft Edge DevTools.

Lista de experimentos

A continuación se enumeran las casillas de los experimentos que aparecen en la versión más reciente del canal de vista previa canary de Microsoft Edge. También se indica la versión estable, después de la adición o eliminación de casillas en Canary.

Captura de pilas de creación de nodos

Para capturar seguimientos de pila de JavaScript cuando se agregan nodos DOM al DOM en tiempo de ejecución, habilite este experimento. Este experimento agrega la pestaña Seguimiento de pila en la herramienta Elementos , agrupada con la pestaña Estilos :

Después de habilitar el experimento, puede probarlo de la siguiente manera:

1. En una nueva ventana o pestaña, abra una página web que cree nodos DOM dinámicamente a través de JavaScript, como la aplicación de demostración TODO.
2. En la página de demostración representada, cree un nuevo elemento todo.
3. En la página de demostración representada, haga clic con el botón derecho en el nuevo elemento todo y, a continuación, seleccione Inspeccionar. Se abre DevTools, que muestra la herramienta Elementos .
4. Haga clic en la pestaña Seguimiento de pila, que se agrupa con la pestaña Estilos .

Consulta también:

• Introducción a cómo ver y cambiar DOM

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Monitor de protocolo

Hace que la herramienta de supervisión de protocolos esté disponible en DevTools:

La herramienta de supervisión de protocolo muestra los mensajes enviados y recibidos por DevTools para depurar la página inspeccionada. DevTools se comunica con la página inspeccionada mediante el protocolo Chrome DevTools (CDP).

Para activar esta casilla y, a continuación, abra la herramienta De supervisión de protocolos :

1. Active esta casilla del Monitor de protocolo como se describe en Activar o desactivar un experimento, anteriormente.

2. En la vista rápida de la parte inferior de DevTools, haga clic en el botón Más herramientas (+) y, a continuación, seleccione Monitor de protocolo.

   O bien, abra el menú Comando, por ejemplo, presionando Ctrl+Mayús+P (Windows/Linux) o Comando+Mayús+P (macOS) y, a continuación, escriba protocolo en el cuadro de texto. A continuación, seleccione Mostrar monitor de protocolo.

   La herramienta Monitor de protocolo se muestra en el panel Vista rápida en la parte inferior de DevTools.

Consulta también:

• Uso del protocolo Chrome DevTools (CDP) en aplicaciones WebView2
• [Experimental] Monitor de protocolo en What's New In DevTools (Chrome 92).

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Mostrar opción para exponer elementos internos en instantáneas de montón

nuevo a partir de Microsoft Edge 105

Si se va a mostrar una casilla para exponer elementos internos en instantáneas de montón en la herramienta Memoria .

Consulta también:

• Registro de instantáneas de montón mediante la herramienta Memoria ("Tipo de generación de perfiles instantánea del montón")

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Habilitación del nuevo algoritmo de contraste perceptual avanzado (APCA) que reemplace la relación de contraste anterior y las directrices de AA/AAA

El Algoritmo de contraste perceptual avanzado (APCA) reemplaza la relación de contraste de las directrices AA/AAA en el Selector de colores. El Selector de colores se usa en la pestaña Estilos de la herramienta Elementos.

APCA es la nueva forma de calcular el contraste. Se basa en las investigaciones modernas sobre la percepción del color. En comparación con las directrices AA/AAA, APCA depende más del contexto. El contraste se calcula de acuerdo con las siguientes propiedades espaciales de texto, color y contexto.

• Propiedades espaciales del texto que incluyen el grosor y el tamaño de la fuente.
• Propiedades espaciales de color que incluyen contraste percibido entre el texto y el fondo.
• Propiedades espaciales del contexto que incluyen luz ambiental, alrededores y un propósito previsto.

Consulta también:

• Nuevo cálculo de contraste de color: Algoritmo de contraste perceptual avanzado (APCA) en Novedades de DevTools (Microsoft Edge 89).
• Cambiar los colores con el Selector de colores en Referencia de características CSS.
• Probar el contraste de color de texto con el Selector de colores

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Habilitación de la vista de árbol de accesibilidad completa en el panel Elementos

Agrega un botón de vista Cambiar al árbol de accesibilidad en la herramienta Elementos que alterna entre el árbol DOM y el árbol de accesibilidad. La etiqueta del botón cambia a Cambiar a la vista árbol DOM.

Si esta casilla Experimento está desactivada, la herramienta Elementos carece del botón :

Si esta casilla Experimento está seleccionada, la herramienta Elementos tiene el botón :

Vista Árbol de accesibilidad de la herramienta Elementos :

Consulta también:

• Probar la accesibilidad con la pestaña Accesibilidad
• Vista de árbol de accesibilidad completa en la herramienta Elementos en Novedades de DevTools (Microsoft Edge 90).

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Habilitación del nuevo editor de fuentes en la pestaña Estilos

Puede usar el Editor fuente visual para editar fuentes. Úselo para definir fuentes y características de fuente. El Editor fuente visual le ayuda a hacer lo siguiente:

• Cambiar entre unidades para las diferentes propiedades de la fuente
• Cambiar entre palabras clave para las diferentes propiedades de la fuente
• Convertir unidades
• Generar código CSS preciso

Para usar el Editor fuente visual:

1. Para abrir DevTools, haga clic con el botón derecho en la página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS). Se abre DevTools.

2. En DevTools, en la barra de herramientas principal, seleccione la pestaña Elementos . Si la pestaña Elementos no está visible, haga clic en el botón Más pestañas () o, de lo contrario, en el botón Más herramientas ().

3. En la pestaña Estilos, seleccione el icono Fuente Editor.

   

Algunos canales del explorador tienen la etiqueta de casilla Habilitar nueva herramienta de Editor de fuentes en el panel Estilos.

Consulta también:

• Editar estilos y opciones de fuente CSS en el panel Estilos

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
  • Etiqueta de casilla en Canary 135: Habilitar nuevo editor de fuentes en la pestaña Estilos
• Esta casilla está presente en Microsoft Edge Stable 133.
  • Etiqueta de casilla en Stable 133: Habilitar nuevo editor de fuentes en el panel Estilos

Habilitación de informes de problemas de contraste automático mediante el panel Problemas

Habilita la generación automática de informes de problemas de contraste en la herramienta Problemas .

Consulta también:

• Buscar y corregir problemas con la herramienta Problemas

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Habilitación de características de cookies experimentales

Habilita las características experimentales de las cookies.

Consulta también:

• Ver, editar y eliminar cookies

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Desuso de la herramienta de creación de longitud> css <en la pestaña Estilos

No es aplicable a Microsoft Edge. La selección o desactivación de esta casilla no tiene ningún efecto.

Estado:

• Esta casilla no está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Sincronización de cambios css en la pestaña Estilos

Si se van a sincronizar los cambios css en la pestaña Estilos de la herramienta Elementos .

Consulta también:

• Editar estilos y opciones de fuente CSS en el panel Estilos

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Resalta un nodo o atributo infractor en el árbol DOM del panel Elementos

nuevo a partir de Microsoft Edge 106

Resalta un nodo o atributo infractor en el árbol DOM de la herramienta Elements .

Consulta también:

• Inspección, edición y depuración de HTML y CSS con la herramienta Elementos

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Agrupar orígenes en árboles creados e implementados

novedades a partir de Microsoft Edge 104

Controla si se agrupan recursos en árboles creados eimplementados independientes en la pestaña Página de la herramienta Orígenes . Esta característica de la herramienta Orígenes le permite agrupar archivos de origen en dos carpetas en función de si son:

• Archivos de origen originales (creados, es decir, archivos con las ediciones locales).
• Archivos de producción (archivos implementados que están en el servidor web después de compilar y agrupar los archivos de origen).

Consulta también:

• Usar la pestaña Página para explorar los recursos que construyen la página web actual en Información general de la herramienta Orígenes.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Ocultar código de la lista de omitir en la vista de árbol Orígenes

nuevo a partir de Microsoft Edge 106

En la vista de árbol de la herramienta Orígenes , omite el código que se incluye en la lista Omitir.

Consulta también:

• Adición de scripts de contenido a la lista de omitir
• Lista de omitir mejorada
• Configuración mejorada de la lista omitir

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Rediseño de la barra de filtros en el panel Red

nuevo a partir de Microsoft Edge 120

En la herramienta Red , se ha rediseñado la barra de filtros:

• Los botones se reemplazan por una lista desplegable Tipos de solicitud .
• Las casillas se reemplazan por una lista desplegable Más filtros .

Barra de filtro con esta casilla desactivada:

Barra de filtros con esta casilla seleccionada:

Consulta también:

• Filtre los recursos en Inspeccionar la actividad de red.
• Filtrar solicitudes en Referencia de características de red.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel Autorrellenar

nuevo a partir de Microsoft Edge 125

Agrega una herramienta de autorrellenar a DevTools para registrar varios eventos que el explorador desencadena cuando un usuario rellena un formulario mediante la característica de autorrellenar del explorador. Por ejemplo, cuando el explorador recuerda la dirección y la rellena automáticamente en un campo de dirección.

Consulta también:

• Autorrellenar en notas del producto de privacidad de Microsoft Edge.
• Autorrellenar en Información general de las API de WebView2.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: mostrar los flujos de envío y control de postMessage

nuevo a partir de Microsoft Edge 124

Este experimento mejora la sección Principal de la herramienta Rendimiento para ayudarle a identificar postMessage rápidamente eventos y controladores, al distinguir los eventos desencadenados por el postMessage método de otros eventos que se muestran en la herramienta Rendimiento. Este experimento le ayuda a investigar los problemas de rendimiento relacionados con la publicación de mensajes en varios subprocesos de una aplicación, para ver mensajes entre ventanas, iframes y trabajos dedicados.

Sin este experimento, los eventos que se desencadenan mediante el envío y el control de mensajes entre subprocesos de una aplicación aparecen como eventos genéricos de llamada a función de scripting. Con este experimento habilitado:

• postMessage los eventos dispatch aparecen como Schedule postMessage.
• postMessage Los eventos de controlador aparecen como En mensaje:

Este experimento le ayuda a investigar cuándo se produjo una postMessage llamada y cuánto tiempo se puso en cola el mensaje antes de que se inicie el postMessage controlador. Los eventos de distribución están vinculados a eventos de controlador mediante flechas de iniciador que aparecen al hacer clic en cualquier tipo de evento:

Consulta también:

• Vea los mensajes entre ventanas, iframes y trabajos dedicados en Referencia de características de rendimiento.
• Referencia de eventos de grabación de rendimiento
• Demostración de eventos de seguimiento de postMessage (representada)
• Demostración de eventos de seguimiento postMessage (código fuente)
• Los eventos y controladores postMessage se distinguen de otros eventos en What's New in DevTools (Microsoft Edge 124).

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: habilitación de los tiempos del servidor en la escala de tiempo

nuevo a partir de Microsoft Edge Stable 129

Muestra un seguimiento de Tiempos del servidor en la sección Principal de la herramienta Rendimiento para mostrar los eventos de temporización del servidor enviados por el servidor HTTP. Para obtener más información, consulte Tiempo del servidor en MDN Web Docs.

Consulta también:

• Introducción a la herramienta de rendimiento

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: habilitación de información de rendimiento experimental

nuevo a partir de Microsoft Edge Canary 133

Habilita información adicional en el panel lateral de Insights .

Para usar este experimento, seleccione primero la casilla Panel de rendimiento: habilitar información de rendimiento y, a continuación, si desea ver aún más información, active también la casilla Panel de rendimiento: habilitar información de rendimiento experimental .

Consulta también:

• Introducción a la herramienta de rendimiento

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: habilitar la atenuación de eventos no relacionados en información de rendimiento y resultados de búsqueda

nuevo a partir de Microsoft Edge Canary 133

Este experimento cambia el color de determinados eventos de la sección principal de la herramienta Rendimiento a gris. Esto sucede en dos casos:

• Al buscar un evento mediante Ctrl+F y, a continuación, escribir texto, solo las coincidencias de búsqueda conservan su color; los demás eventos se vuelven grises.

• Cuando se usa el panel lateral de Insights y se expande una de las conclusiones, solo los eventos relacionados con esa información conservan su coloración; los demás eventos se vuelven grises.

Consulta también:

• Introducción a la herramienta de rendimiento

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: habilitar un cambio a una opción de navegación de escala de tiempo alternativa

nuevo a partir de Microsoft Edge Canary 133

Agrega un botón Mostrar accesos directos () en la barra de herramientas de la herramienta Rendimiento que le permite seleccionar la navegación del teclado clásico o moderno de la escala de tiempo.

1. En Microsoft Edge 133 o posterior, seleccione esta casilla de verificación del experimento, cierre Configuración y, a continuación, haga clic en el botón Reiniciar DevTools .

2. En DevTools, en la herramienta Rendimiento , registre un perfil.

   El botón Mostrar accesos directos () se muestra en la esquina superior derecha de la herramienta Rendimiento , debajo del botón Ayuda () de DevTools.

3. Haga clic en el botón Mostrar accesos directos ().

   Se abre el cuadro de diálogo emergente Métodos abreviados de teclado .

   Con clásico seleccionado:

   

   Con Moderno seleccionado:

   

4. Seleccione el botón de opción Clásico o Moderno .

   La lista de métodos abreviados de teclado cambia para relectar la navegación del teclado clásico o moderno de la escala de tiempo.

Consulta también:

• Introducción a la herramienta de rendimiento

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: habilitar características de dependencia de terceros

nuevo a partir de Microsoft Edge Canary 134

Incluye una casilla Dim 3rd Parties en la herramienta Rendimiento para "atenuar" los eventos de rendimiento que proceden de dependencias de terceros. Por ejemplo, si el código usa la biblioteca de React, al activar la casilla Dim 3rd Parties se atenuan y se atenuan los eventos de React en un perfil.

Consulta también:

• Introducción a la herramienta de rendimiento

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla no está presente en Microsoft Edge Stable 133.

Excepciones no detectadas de Log DevTools en la consola

Controla si se registran las excepciones no detectadas de DevTools en la herramienta consola .

Consulta también:

• Información general sobre la consola

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Enable webhint

webhint es una herramienta de código abierto que proporciona comentarios en tiempo real para sitios web y páginas web locales. El tipo de comentarios proporcionados por webhint incluye:

• Accesibilidad
• Compatibilidad entre exploradores
• Seguridad
• Rendimiento
• Web Apps progresiva (PPA)
• Otros problemas comunes de desarrollo web

El experimento webhint muestra los comentarios de webhint en la herramienta Problemas . Seleccione un problema para mostrar documentación sobre la solución y una lista de los recursos afectados en su sitio web. Seleccione un vínculo de recurso para abrir la herramienta pertinente, como Red, Orígenes o Elementos:

Consulta también:

• Buscar y corregir problemas con la herramienta Problemas

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Mostrar problemas en elementos

Muestra errores de sintaxis como subrayados ondulados en nodos DOM en la herramienta Elementos .

Consulta también:

• Subrayados ondulados resaltan problemas de código y mejoras en la herramienta Elements en Novedades de DevTools (Microsoft Edge 91).

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Abrir archivos de origen en Visual Studio Code

Los archivos de código abierto de Visual Studio Code experimento reemplazan el editor de código de la herramienta Orígenes por Visual Studio Code, para editar archivos locales. Al activar este experimento, Herramientas de desarrollo detecta cuándo edita un archivo local y le pide que seleccione una carpeta para usarla como área de trabajo.

Al seleccionar una carpeta para usarla como área de trabajo, al seleccionar cualquier vínculo a un archivo en DevTools se abre el archivo en Visual Studio Code. En versiones anteriores de Microsoft Edge, esta acción abrió el archivo en el editor de código de la herramienta Orígenes en DevTools.

Las modificaciones que realice en DevTools ahora cambian el archivo en el disco duro y se sincronizan en directo con Visual Studio Code.

Consulta también:

• Apertura de archivos de origen en Visual Studio Code: configuración del área de trabajo.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Habilitación de la limitación de CPU adaptable

nuevo a partir de Microsoft Edge 114

Habilita la limitación de CPU adaptable.

Consulta también:

• Limite la CPU durante la grabación en Referencia de características de rendimiento.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Habilitación de CSS Copilot

Permite usar Copilot en la barra lateral de Microsoft Edge para explicar los elementos HTML y los estilos CSS para ayudarle a comprender mejor un elemento o regla de estilo determinado que se muestra en la herramienta Elementos . Para preguntar a Copilot sobre un elemento o regla de estilo, haga clic en el botón Copilot situado junto a él y, a continuación, haga preguntas de seguimiento.

Este experimento no está disponible cuando la barra lateral está desactivada.

Consulta también:

• Inspección, edición y depuración de HTML y CSS con la herramienta Elementos

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Perfil de montón dinámico

Controla si se va a actualizar en vivo el perfil del montón.

Consulta también:

• Registro de instantáneas de montón mediante la herramienta Memoria ("Tipo de generación de perfiles instantánea del montón")

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Escala de tiempo del generador de perfiles de montón de muestreo

Controla si se va a mostrar la escala de tiempo del generador de perfiles de montón de muestreo en la herramienta Rendimiento .

Consulta también:

• Introducción a la herramienta de rendimiento
• Registro de instantáneas de montón mediante la herramienta Memoria ("Tipo de generación de perfiles instantánea del montón")

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: seguimiento de invalidación

Agrega una sección Invalidaciones para recalcular eventos de estilo en la pestaña Resumen de la herramienta Rendimiento . La sección Invalidaciones proporciona información sobre la causa principal de un evento Recalculate Style , que podría resultar útil al investigar eventos recalcular style de larga duración que causan problemas de rendimiento.

En la sección Invalidaciones se enumeran los nodos DOM que se invalidaron como resultado de un cambio en la página web, como una mutación DOM, y que el motor del explorador tuvo que volver a diseñar durante el evento Recalculate Style .

Consulta también:

• Introducción a la herramienta de rendimiento

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: mostrar todos los eventos

Controla si se van a mostrar todos los eventos en la herramienta Rendimiento .

Consulta también:

• Introducción a la herramienta de rendimiento

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Panel de rendimiento: habilitar la recopilación de seguimientos mejorados

nuevo a partir de Microsoft Edge 128

Este experimento hace que la herramienta Rendimiento capture los seguimientos recién agregados para admitir seguimientos mejorados v2. Esta característica se está implementando en el proyecto de Chromium ascendente. Este experimento no afecta a las funcionalidades de Microsoft Edge para capturar seguimientos mejorados y no afecta a la experiencia del usuario de DevTools.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Consulta también:

• Compartir seguimientos de memoria y rendimiento mejorados
• Referencia de características de rendimiento
• Referencia de eventos de grabación de rendimiento

Panel de rendimiento: habilitar la recopilación de texto de origen para el script compilado

nuevo a partir de Microsoft Edge 128

En la herramienta Rendimiento , al exportar el archivo de seguimiento, almacena el código fuente de los scripts compilados en el archivo de seguimiento.

Este experimento hace que la herramienta performance registre el texto de origen del script en seguimientos. Esta característica se está implementando en el proyecto de Chromium ascendente.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Consulta también:

• Compartir seguimientos de memoria y rendimiento mejorados
• Referencia de características de rendimiento
• Referencia de eventos de grabación de rendimiento

Panel de rendimiento: habilitar el modo de depuración (detalles del evento de seguimiento, etc.)

nuevo a partir de Microsoft Edge 128

Agrega una sección Evento de seguimiento a la pestaña Resumen de la herramienta Rendimiento . La sección Evento de seguimiento se muestra al seleccionar un evento en un seguimiento de rendimiento grabado. La sección Evento de seguimiento muestra información de depuración sobre el evento de seguimiento seleccionado, como su nombre y duración.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Consulta también:

• Compartir seguimientos de memoria y rendimiento mejorados
• Referencia de características de rendimiento
• Referencia de eventos de grabación de rendimiento

Habilitación de puntos de interrupción de instrumentación

Si se detiene en los puntos de interrupción de prueba. Este experimento hace que los puntos de interrupción sea más confiables.

Consulta también:

• Habilitación de la sincronización en puntos de interrupción de instrumentación
• La primera vez que se cargan los archivos de origen, es posible que los puntos de interrupción no se desencadenen.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.

Uso de información de ámbito de mapas de origen

novedades a partir de Microsoft Edge 118

Si se va a usar la información de ámbito de los mapas de origen.

Consulta también:

• Asignar el código procesado al código de la fuente original para la depuración
• Asignación de código minificado al código fuente para mostrar código legible en Información general de la herramienta Orígenes.

Estado:

• Esta casilla está presente en Microsoft Edge Canary 135.
• Esta casilla está presente en Microsoft Edge Stable 133.