Novidades em DevTools (Microsoft Edge 97)
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 .
Introdução à ferramenta Elementos Desapegados
Um nó DOM é considerado desanexado quando ele não está mais anexado a nenhum elemento do DOM, mas ainda está sendo mantido na memória pelo Microsoft Edge. O navegador não pode coletar o elemento desanexado porque algum objeto JavaScript ainda está fazendo referência ao elemento, mesmo que o elemento não esteja mais na página ou não faça mais parte do DOM.
A nova ferramenta Elementos Desapegados encontra todos os elementos desanexados em sua página e os exibe. Você pode expandir e recolher um elemento desapegado para ver os nós pai e filho que também estão sendo retidos. Você pode disparar a coleta de lixo do navegador clicando no ícone Coletar lixo e confirmar se você tem um vazamento de memória quando um elemento desanexado não pode ser coletado no lixo. Para entrar no código JavaScript que está fazendo referência ao elemento desanexado, clique no botão Analisar para fazer um heap instantâneo.
A ferramenta Elementos Desapegados estava inicialmente disponível como um experimento no Microsoft Edge versão 93. A ferramenta agora está disponível por padrão no Microsoft Edge versão 97.
Veja também:
- Depurar vazamentos de memória DOM com a ferramenta Elementos Desapegados
- Depurar vazamentos de memória com a ferramenta Elementos Desanexados do Microsoft Edge – YouTube
Extensão DevTools do Microsoft Edge para Visual Studio Code
Para obter informações gerais sobre essa extensão, consulte a extensão DevTools do Microsoft Edge para Visual Studio Code.
Aprimoramentos do screencast, avisos de depreciação e novas opções de lançamento para o Microsoft Edge
A versão atual da extensão Microsoft Edge DevTools para Visual Studio Code corrige vários problemas relatados pela comunidade:
A lista de dispositivos emulados no screencast agora é a mesma da lista de dispositivos emulados no navegador.
A emulação do dispositivo agora adiciona a cadeia de caracteres correta do agente de usuário para disparar a exibição correta.
Agora você recebe um aviso ao usar uma versão de lançamento preterida do Microsoft Edge, indicando que você perderia os recursos.
Agora você pode fornecer argumentos para a instância do navegador iniciada, caso precise ter uma configuração especial:
Melhorias e correções de bugs para o Modo de Foco
Graças aos seus comentários iniciais, continuamos a fazer melhorias e correções de bugs na nova interface do Modo de Foco para Microsoft Edge DevTools. O Modo de Foco é uma nova opção de interface do usuário que permite que você encaixe ferramentas na parte superior ou lateral da janela DevTools e remova a desordem da barra de ferramentas:
Ao usar o Modo de Foco, todas as mesmas ferramentas e temas personalizados estão disponíveis como na interface do usuário de DevTools existente. Experimente o Modo de Foco por conta própria, habilitando o experimento Modo de Foco em Experimentos de Configurações> de DevTools.
Veja também:
A ferramenta 3D View dá suporte à alteração de temas de cor em DevTools
Nas versões anteriores do Microsoft Edge, alterar o tema em DevTools e abrir a ferramenta 3D View resultou em um painel em branco. Esse problema já foi corrigido no Microsoft Edge 97:
Veja também:
- Aplicar um tema de cor ao DevTools
- Navegue por camadas de página da Web, z-index e DOM usando a ferramenta Modo de Exibição 3D
Anúncios do projeto Chromium
O Microsoft Edge versão 97 também inclui as seguintes atualizações do projeto Chromium: