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

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.

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:

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:

Veja também:

• Extensão do DevTools do Microsoft Edge para o Visual Studio Code

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

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:

Veja também:

• Navegue pelas camadas da página da Web, z-index e DOM usando a ferramenta 3D View

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 () para DevTools é exibido corretamente no modo de alto contraste:

Veja também:

• Navegação no DevTools com tecnologia adaptativa
• Modo de alto contraste do Windows

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.

Veja também:

• Ferramenta de boas-vindas

Anúncios do projeto Chromium

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

• Reordenar painéis no painel Elementos
• Escolhendo uma cor fora do navegador
• Visualização aprimorada do valor embutido durante a depuração
• Dar suporte a blobs grandes para autenticadores virtuais
• Novos atalhos de teclado no painel Fontes
• Melhorias nos mapas de origem

Confira também

• Novidades no Microsoft Edge DevTools
• Notas de versão para a plataforma Web do Microsoft Edge