Novedades de DevTools (Microsoft Edge 123)

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 .

La herramienta memoria informa de los tamaños de almacén de respaldo como parte del tamaño superficial de un objeto

Microsoft Edge 123 agrega un nuevo experimento denominado En instantáneas de montón, tratar el tamaño del almacén de respaldo como parte del objeto contenedor. Si habilita este experimento, la herramienta Memoria notifica tamaños superficiales de forma que coincida más estrechamente con el comportamiento de JavaScript. Al habilitar este experimento, los contenedores y su contenido ahora se pueden representar como un solo elemento, como:

  • y Object sus propiedades.
  • y Array su contenido.
  • Y Map su contenido.
  • Y Set su contenido.

Por ejemplo, para buscar las matrices más grandes, puede ordenar Array las instancias por tamaño superficial, como se muestra a continuación.

Comportamiento predeterminado de las instantáneas del montón: comportamiento predeterminado de la instantánea del montón

Instantáneas de montón con el nuevo experimento habilitado: instantánea de montón con el experimento habilitado

Este experimento es útil porque las instantáneas de montón de la herramienta Memoria muestran una lista completa de todo lo asignado en los montones V8 y Blink. A veces, esa lista es un poco demasiado detallada, separando un elemento como si fueran varios elementos. Por ejemplo, la lista de la instantánea del montón representa cada instancia de JavaScript Array por separado del contenido de , Arrayque se denomina (object elements)[]. Sin embargo, en el código JavaScript, es Array una sola entidad, en lugar de una instancia de matriz y contenido independiente de la matriz.

Vea también:

La herramienta del analizador de bloqueos está disponible de forma predeterminada

La herramienta Analizador de bloqueos ya está disponible de forma predeterminada y ya no es un experimento que tenga que habilitarse. Para abrir la herramienta Analizador de bloqueos , en la barra de actividad, haga clic en el menú Más herramientas (+) y, a continuación, seleccione Analizador de bloqueos.

La herramienta Analizador de bloqueos le ayuda a crear un seguimiento de pila de JavaScript y aplica los mapas de origen al seguimiento de pila para que pueda depurar más rápido:

La herramienta Del analizador de bloqueos

Se ha quitado la característica experimental paleta de comandos

La característica experimental Paleta de comandos se ha quitado de Microsoft Edge, a partir de la versión 123.

Vea también:

La ventana DevTools desacoplada se mantiene centrada como la ventana superior al inspeccionar una página

Cuando DevTools se desacopló en su propia ventana independiente y seleccionó un elemento de página web para inspeccionar, la ventana DevTools perdió el foco y quedó oculta por la página web que se está analizando. Este error se ha resuelto y la ventana DevTools permanece en el foco como la ventana superior.

Vea también:

Anuncios del proyecto de Chromium

Microsoft Edge 123 también incluye las siguientes actualizaciones del proyecto de Chromium: