Compartir a través de

Características experimentales en Microsoft Edge DevTools

  • Artículo

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 131:

Activado de forma predeterminada en Microsoft Edge Stable 129:

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 (icono Personalizar y controlar DevTools) y, a continuación, haga clic en el botón Configuración (icono Configuración). O bien, presione Mayús+?.

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

    Página Experimentos en Configuración

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

  5. Haga clic en Cerrar (el icono Cerrar en Configuración de DevTools>) 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 (icono 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 (icono Cerrar en Configuración de DevTools>).

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 (icono 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.

Permitir que las extensiones carguen hojas de estilos personalizadas

Algunos complementos de Microsoft Edge pueden definir temas de color personalizados para DevTools. Si instala un complemento que define un tema de color personalizado para DevTools, debe habilitar el experimento Permitir que las extensiones carguen hojas de estilos personalizadas para ver los temas del complemento.

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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 :

Pestaña Seguimiento de pila en la herramienta Elementos

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Monitor de protocolo

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

La herramienta

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Deshabilitar marcadores de sangría temporalmente

nuevo a partir de Microsoft Edge 122

Deshabilita temporalmente los marcadores de sangría en la herramienta Orígenes . Los marcadores de sangría son las líneas verticales que indican el nivel de sangría del código:

La herramienta Orígenes, que muestra marcadores de sangría

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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 :

La herramienta Elementos sin el botón

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

La herramienta Elementos con el botón

Vista Árbol de accesibilidad de la herramienta Elementos :

Vista árbol de accesibilidad en la herramienta Elementos

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Habilitación del nuevo editor de fuentes en el panel 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 (icono Más pestañas) o, de lo contrario, en el botón Más herramientas (icono Más herramientas).

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

    El panel Editor fuente visual está resaltado

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

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Habilita las características experimentales de las cookies.

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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 está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Resaltar las propiedades importantes de DOM en la pestaña Propiedades

nuevo a partir de Microsoft Edge 105

Al seleccionar esta casilla, se resaltan propiedades dom importantes en la pestaña Propiedades de herramientas como la herramienta Elementos , para el elemento de árbol DOM que está seleccionado actualmente. Este nuevo experimento facilita la visualización de las propiedades principales. Algunas propiedades aparecen en negrita y otras aparecen en negrita y tienen un icono de star junto a ellas.

Este resaltado es útil porque, en JavaScript, los objetos heredan de objetos primarios, que se heredan de otros antecesores, que a veces equivalen a cientos de propiedades. Este experimento le ayuda a encontrar las propiedades principales.

El visor propiedades de objeto está en varias herramientas, como Elementos, Orígenes, Consola y Red. Proporciona una vista de árbol de las propiedades de los objetos.

En la herramienta Elementos

Para ver el visor Propiedades del objeto en la herramienta Elementos :

  1. Haga clic con el botón derecho en un elemento de una página web y, a continuación, seleccione Inspeccionar. Se abre DevTools, con el elemento de página seleccionado en el árbol DOM de la herramienta Elementos .

  2. En la herramienta Elementos , seleccione la pestaña Propiedades , que se agrupa con la pestaña Estilos .

    La pestaña Propiedades contiene la lista de propiedades del elemento seleccionado.

Consulta también:

En la herramienta Orígenes

Para ver el visor Propiedades del objeto en la herramienta Orígenes :

  1. Abra un .js archivo.

  2. Establezca un punto de interrupción en una línea de código del .js archivo.

  3. Detenga el depurador en esa línea ejecutando el código en la página web.

    Las propiedades del objeto se muestran en la sección Ámbito de la barra lateral derecha. Consulte Visualización y edición de propiedades y variables en características de depuración de JavaScript.

Consulta también:

Estado:

  • Esta casilla no está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Habilitar el selector de páginas en segundo plano (para la representación previa)

nueva a partir de Microsoft Edge 114, nueva etiqueta para la casilla a partir de Microsoft Edge 128

Habilita el selector de páginas en segundo plano, como para representar previamente la depuración.

Consulta también:

Estado:

  • Esta casilla no está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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 filtro con esta casilla desactivada

Barra de filtros con esta casilla seleccionada:

Barra de filtro con esta casilla seleccionada

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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.

La herramienta Autorrellenar

Consulta también:

  • Autorrellenar en notas del producto de privacidad de Microsoft Edge.
  • Autorrellenar en Información general sobre las características y las API de WebView2.

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 123, como Habilitar vista de autorrellenar.

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:

Eventos

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:

Flechas que vinculan eventos de envío a eventos de controlador

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Panel de rendimiento: habilitar la página de aterrizaje de métricas en directo

nuevo a partir de Microsoft Edge 127

En la herramienta Rendimiento , agrega una página de aterrizaje que se muestra cuando aún no se han registrado seguimientos de rendimiento. La página de aterrizaje muestra las métricas de rendimiento sobre la página representada que se actualizan en directo, como:

  • Pintura con contenido más grande (LCP)
  • Desplazamiento de diseño acumulativo (CLS)
  • Interacción con la siguiente pintura (INP)

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

comentarios de webhint en la herramienta Problemas

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Mostrar problemas en elementos

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

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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.

Al seleccionar un vínculo de archivo en la herramienta Estilos, se abre el archivo en Visual Studio Code

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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.

Icono de Copilot en la herramienta Elements

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

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Perfil de montón dinámico

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

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Panel de rendimiento: mostrar todos los eventos

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

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Panel de rendimiento: Estadísticas de llamadas en tiempo de ejecución V8

Controla si se muestran las estadísticas de llamadas en tiempo de ejecución V8 en la herramienta Rendimiento . V8 es el motor de JavaScript que usa Microsoft Edge.

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Consulta también:

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 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Consulta también:

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 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Consulta también:

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Habilitar el panel de cargas especulativas en el panel Aplicación

nuevo a partir de Microsoft Edge 121

Agrega una página De carga especulativa dentro de la sección Servicios en segundo plano de la herramienta Aplicación , incluida una página Reglas y una página Especulaciones :

La página Cargas especulativas dentro de la herramienta De aplicación

La API de reglas de especulación se puede usar para indicar mediante programación a Microsoft Edge que represente previamente determinadas páginas. Esto es útil porque las páginas representadas previamente son casi instantáneas a las que navegar. El explorador representa previamente, de forma oculta, las páginas siguientes a las que es probable que vaya un usuario, mientras que el usuario sigue en la página actual.

En la página Cargas especulativas se enumeran las reglas de especulación que el autor web ha definido en la página web. La página proporciona información de depuración que muestra si se usó realmente una regla, que muestra si una página determinada se representó previamente.

La página Reglas tiene columnas:

  • Conjunto de reglas
  • Estado

La página Especulaciones tiene columnas:

  • Dirección URL
  • Acción
  • Conjunto de reglas
  • Estado

Consulta también:

Estado:

  • Esta casilla no está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Panel de rendimiento: habilitar anotaciones

nuevo a partir de Microsoft Edge Canary 129

Habilita las anotaciones en la herramienta Rendimiento.

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

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

nuevo a partir de Microsoft Edge Stable 129

En la herramienta Rendimiento , agrega la pestaña de la barra lateral insights al ver un perfil de rendimiento grabado. La pestaña barra lateral insights proporciona información útil sobre el perfil, como las distintas fases de pintura con contenido más grande y la lista de solicitudes de bloqueo de representación.

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla está presente en Microsoft Edge Stable 129.

Panel de rendimiento: habilitar la nueva vista de detalles de resumen para eventos de desplazamiento de diseño

nuevo a partir de Microsoft Edge Canary 131

Muestra un seguimiento de desplazamientos de diseño en la sección Principal de la herramienta Rendimiento , al ver un perfil grabado. La pista Desplazamientos de diseño muestra información sobre cuándo se producen los cambios de diseño y sobre qué elementos se desplazan. Los cambios de diseño inesperados pueden afectar negativamente a la experiencia del usuario en una página web.

Consulta también:

Estado:

  • Esta casilla está presente en Microsoft Edge Canary 131.
  • Esta casilla no está presente en Microsoft Edge Stable 129.