Novidades no DevTools (Microsoft Edge 103)

Esses são os recursos mais recentes na versão estável do Microsoft Edge DevTools.

Vídeo: Novidades no DevTools 103

Imagem em miniatura do vídeo

Novos tipos de nó na ferramenta Memória

No Microsoft Edge 103, ao fazer uma snapshot de heap na ferramenta Memória, há dois novos tipos de nó:

  • BigInt - Usado para representar e manipular valores que são muito grandes para serem representados pelo tipo de nó Número . Consulte BigInt.
  • Forma do objeto - Refere-se às classes ocultas e às matrizes de descritor que o V8 (o mecanismo JavaScript do Microsoft Edge) usa para entender e indexar as propriedades em objetos. Consulte HiddenClasses e DescriptorArrays em propriedades Fast na V8.

BigInt e Object Shape tipos de nó de memória

Para obter o histórico, consulte o Problema 12769: melhorar a categorização de objetos em instantâneos de heap.

Veja também:

  • Entradas do construtor em Registre instantâneos de heap usando a ferramenta Memória (tipo de criação de perfil "Heap snapshot")

Inicie o navegador a partir de um arquivo HTML e use a ferramenta Aplicativo no Visual Studio Code

Para facilitar a inicialização de uma nova instância inserida do Microsoft Edge de dentro do Visual Studio Code, quando você clica com o botão direito do mouse em um arquivo HTML no Explorer, agora há um submenu Abrir com o Edge que tem os comandos Abrir navegadore Abrir navegador com DevTools:

Clique com o botão direito em um arquivo HTML para abrir uma instância do navegador e a guia 'Edge DevTools'

Agora também é possível usar a ferramenta Aplicativo para obter insights sobre as informações de trabalho de serviço e armazenamento do seu projeto, sem sair do Visual Studio Code:

A ferramenta Aplicativo na guia 'Edge DevTools' no Visual Studio Code

Veja também:

Correções de bugs para a interface do usuário do Modo de Foco

Na nova interface do usuário do DevTools do Modo de Foco , vários bugs que afetam os controles e atalhos de teclado do DevTools foram resolvidos:

  • Comportamento aprimorado de painéis recolhíveis, como Estilos na ferramenta Elementos .
  • Corrigidos alguns casos em que o nome de uma ferramenta aberta não estava visível.
  • Confiabilidade aprimorada dos controles de Visualização Rápida .
  • Comportamento aprimorado de abertura do DevTools usando atalhos de teclado.
  • Correção de um problema de navegação para uma linha de código específica na ferramenta Fontes usando atalhos de teclado.
  • Restaurado o atalho de teclado para abrir a Pesquisa no painel Visualização Rápida, que é Ctrl+Shift+F (Windows, Linux) ou Command+Option+F (macOS):

O atalho de teclado Pesquisar abre a ferramenta Pesquisar no painel Visualização Rápida

A ferramenta Exibição 3D responde melhor em layouts estreitos

Em versões anteriores do Microsoft Edge, a ferramenta Exibição 3D não era exibida corretamente em layouts estreitos. As opções da barra de ferramentas foram cortadas quando o DevTools era estreito. No Microsoft Edge 103, esse problema foi corrigido. As opções da barra de ferramentas na Exibição 3D agora se acumulam quando a largura da janela do DevTools é reduzida:

Layout responsivo da barra de ferramentas na ferramenta Exibição 3D

Veja também:

Correção: o botão Fechar do DevTools agora está acessível no modo de alto contraste

Em versões anteriores do Microsoft Edge, o botão Fechar do DevTools não era renderizado corretamente no modo de alto contraste. No Microsoft Edge 103, esse problema foi corrigido. O botão Fechar (ícone Fechar) para DevTools é exibido corretamente no modo de alto contraste:

O botão Fechar DevTools (X) no modo de alto contraste

Veja também:

Ferramenta de boas-vindas redesenhada

No Microsoft Edge 103, a ferramenta de boas-vindas tem um design novo e moderno com conteúdo aprimorado e expandido. Está mais fácil do que nunca encontrar documentação, vídeos e informações sobre novos recursos e correções de bugs.

  • Na seção Aprender , use os links para acessar rapidamente a documentação de tarefas comuns no DevTools.

  • Na seção Novidades , saiba mais sobre as alterações mais recentes, novos recursos e correções de bugs.

  • Em ambas as seções, saiba mais sobre os recursos de desenvolvimento para a Web novos e existentes por meio de nossa nova série de vídeos, Vídeos sobre desenvolvimento para a Web com o Microsoft Edge.

A ferramenta de boas-vindas redesenhada

Veja também:

Anúncios do projeto Chromium

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

Confira também