Novidades em DevTools (Microsoft Edge 103)
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 .
Novos tipos de nó na ferramenta Memória
No Microsoft Edge 103, ao fazer um heap instantâneo na ferramenta Memória, há dois novos tipos de nó:
- BigInt – usado para representar e manipular valores muito grandes para serem representados pelo tipo de nó Número . Consulte BigInt.
- Forma do objeto – refere-se às classes ocultas e 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 rápidas em V8.
Para obter histórico, consulte Problema 12769: Melhorar a categorização de objetos em instantâneos de heap.
Veja também:
- Entradas do construtor na exibição Resumo em Registrar instantâneos de heap usando a ferramenta Memória.
Inicie o navegador de um arquivo HTML e use a ferramenta Aplicativo no Visual Studio Code
Para facilitar o início de uma nova instância inserida do Microsoft Edge de dentro de Visual Studio Code, ao clicar com o botão direito do mouse em um arquivo HTML no Explorer, agora há um submenu Open with Edge que tem os comandos Open Browser e Open Browser com DevTools:
Agora você também pode usar a ferramenta Aplicativo para obter informações sobre as informações de trabalho de armazenamento e serviço do seu projeto, sem deixar Visual Studio Code:
Veja também:
Correções de bug para interface do usuário do modo de foco
Na nova interface do usuário do Modo de Foco DevTools, vários bugs que afetam controles e atalhos de teclado para DevTools foram resolvidos:
- Melhor comportamento de painéis dobráveis, como Estilos na ferramenta Elementos .
- Corrigimos algumas instâncias em que o nome de uma ferramenta aberta não estava visível.
- Maior confiabilidade dos controles do Modo de Exibição Rápida .
- Melhor comportamento de abrir o DevTools usando atalhos de teclado.
- Corrigimos um problema ao navegar até uma linha de código específica na ferramenta Fontes usando atalhos de teclado.
- Restaurou o atalho do teclado para abrir a Pesquisa no painel Modo de Exibição Rápida , que é Ctrl+Shift+F (Windows, Linux) ou Command+Option+F (macOS):
A ferramenta 3D View responde melhor em layouts estreitos
Nas versões anteriores do Microsoft Edge, a ferramenta 3D View não foi 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 no Modo de Exibição 3D agora são empilhadas quando a largura da janela DevTools é reduzida:
Veja também:
Correção: o botão Fechar para DevTools agora está acessível no modo de alto contraste
Nas versões anteriores do Microsoft Edge, o botão Fechar para DevTools não renderizava 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:
Ferramenta de boas-vindas redesenhada
No Microsoft Edge 103, a ferramenta Welcome tem um design novo e moderno com conteúdo aprimorado e expandido. É 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 saltar rapidamente para a documentação para tarefas comuns em DevTools.
Na seção Novidades , descubra as últimas alterações, novos recursos e correções de bugs.
Em ambas as seções, saiba mais sobre os recursos existentes e novos de desenvolvimento da Web por meio de nossa nova série de vídeos, Vídeos sobre desenvolvimento da Web com o Microsoft Edge.
Veja também:
Anúncios do projeto Chromium
O Microsoft Edge 103 também inclui as seguintes atualizações do projeto Chromium: