Compartilhar via


Novidades em DevTools (Microsoft Edge 123)

Para marcar os recursos mais recentes do Microsoft Edge DevTools e a extensão Microsoft Edge DevTools para Microsoft Visual Studio Code e Visual Studio, leia esses anúncios.

Para se manter atualizado e obter os recursos mais recentes do DevTools, baixe uma versão prévia do Insiders do Microsoft Edge. Se você estiver no Windows, Linux ou macOS, considere usar o Canary (ou outro canal de visualização) como seu navegador de desenvolvimento padrão. As versões Beta, Dev e Canary do Microsoft Edge são executadas como aplicativos separados, lado a lado com a versão estável e lançada do Microsoft Edge. Consulte Canais internos do Microsoft Edge.

Para os últimos anúncios, siga a equipe do Microsoft Edge no Twitter. Para relatar um problema com o DevTools ou pedir um novo recurso, registre um problema no repositório MicrosoftEdge/DevTools .

A ferramenta de memória relata tamanhos de repositório de backup como parte do tamanho superficial de um objeto

O Microsoft Edge 123 adiciona um novo experimento chamado Em instantâneos de heap, trata o tamanho do repositório de backup como parte do objeto que contém. Se você habilitar esse experimento, a ferramenta Memória relatará tamanhos superficiais de uma forma que corresponda mais de perto ao comportamento javaScript. Ao habilitar esse experimento, os contêineres e seu conteúdo agora podem ser representados como um único item, como:

  • Uma Object e suas propriedades.
  • Um Array e seu conteúdo.
  • A Map e seu conteúdo.
  • A Set e seu conteúdo.

Por exemplo, para encontrar as maiores matrizes, você pode classificar Array instâncias por tamanho superficial, conforme mostrado abaixo.

Comportamento padrão para instantâneos de heap: comportamento padrão instantâneo heap

Instantâneos de heap com o novo experimento habilitado: Heap instantâneo com o experimento habilitado

Este experimento é útil porque instantâneos de heap na ferramenta Memória mostram uma lista completa de tudo alocado nos heaps V8 e Blink. Às vezes, essa lista é um pouco refinada demais, quebrando um item como se fosse vários itens. Por exemplo, a lista no heap instantâneo representa cada instância JavaScript Array separadamente do conteúdo desse Array, que são chamados (object elements)[]de . No entanto, no código JavaScript, uma Array é uma única entidade, em vez de uma instância de matriz e conteúdo separado da matriz.

Veja também:

A ferramenta do analisador de falhas está disponível por padrão

A ferramenta de analisador de falhas agora está disponível por padrão e não é mais um experimento que precisa ser habilitado. Para abrir a ferramenta Analisador de Falhas , na Barra de Atividades, clique no menu Mais ferramentas (+) e selecione Analisador de falhas.

A ferramenta do analisador de falhas ajuda você a criar um rastreamento de pilha JavaScript e aplica seus guias de origem ao rastreamento de pilha para que você possa depurar mais rapidamente:

A ferramenta de analisador de falhas

O recurso experimental da Paleta de Comandos foi removido

O recurso experimental paleta de comandos foi removido do Microsoft Edge, começando com a versão 123.

Veja também:

A janela DevTools não desencaixada é mantida focada como a janela mais alta enquanto inspeciona uma página

Quando DevTools foi desencaixado em sua própria janela separada e você selecionou um elemento de página da Web para inspecionar, a janela DevTools perdeu o foco e foi obscurecida pela página da Web que está sendo analisada. Esse bug foi resolvido e a janela DevTools permanece em foco como a janela mais alta.

Veja também:

Anúncios do projeto Chromium

O Microsoft Edge 123 também inclui as seguintes atualizações do projeto Chromium: