Compartilhar via

Novidades em DevTools (Microsoft Edge 121)

  • Artigo

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 .

As guias de índice Z e DOM na ferramenta modo de exibição 3D estão funcionando agora

Nas versões recentes do Microsoft Edge, houve um bug na ferramenta 3D View que fez com que as guias de índice Z e DOM não funcionassem corretamente. Em vez disso, as guias travam ou congelam e mostram o conteúdo da guia Camadas Compostas . Esse problema foi corrigido no Microsoft Edge 121:

A guia índice Z na ferramenta exibição 3D

Veja também:

O ícone Ocultar Depurador correto ou Mostrar depurador é mostrado na ferramenta Fontes

O ícone usado para recolher ou expandir o painel Depurador à direita na ferramenta Fontes estava incorreto. O ícone Ocultar depurador foi exibido em vez do ícone Mostrar depurador e vice-versa:

Ícone na ferramenta Fontes, antes

No Microsoft Edge 121, o ícone correto agora é mostrado:

Ícone na ferramenta Fontes, depois

Veja também:

Adicionado suporte ao mapa de origem na ferramenta Cobertura

Antes do Microsoft Edge 121, a ferramenta Coverage exibia apenas informações para arquivos gerados e omitiu arquivos de origem mesmo quando um mapa de origem foi anexado. Agora, a ferramenta Cobertura foi aprimorada para que, quando um arquivo gerado tiver um mapa de origem anexado, a ferramenta Coverage exibe informações para o arquivo de origem, bem como para o arquivo gerado.

Por exemplo, antes do Microsoft Edge 121, o relatório de cobertura da página de demonstração calendário lento continha apenas uma única linha estática para o bundle.js arquivo. A bundle.js linha no relatório de cobertura agora pode ser expandida para mostrar todos os arquivos de origem originais que compõem este arquivo compilado bundle.js :

Ferramenta de cobertura mostrando informações para arquivos de origem mapeados pela origem, bem como arquivos gerados

Veja também:

Recursos avançados de filtragem nas guias Bottom-Up, Call Tree e Log de Eventos na ferramenta Desempenho

Na ferramenta Desempenho , os seguintes botões avançados de filtragem foram adicionados às guias Bottom-Up, Call Tree e Log de Eventos :

  • Caso de correspondência.
  • Use Expressão Regular.
  • Corresponda a palavra inteira.

Os botões 'Match Case', 'Use Regular Expression' e 'Match whole word' nas guias Bottom-Up, Call Tree e Log de Eventos da ferramenta de desempenho

Além disso, na guia Bottom-Up , o filtro foi atualizado para agora somente se aplicar aos itens de nível superior, em vez de corresponder a cada nó.

Veja também:

Sobreposição de ferramentas para controles de janela PWA

A ferramenta Application tem uma nova seção Sobreposição de Controles de Janela em Manifesto, para ajudar os desenvolvedores do PWA a ver uma versão prévia de como seu aplicativo lida com controles de janela, sem precisar instalar o PWA e fazer as alterações de estilo necessárias para acomodar controles de janela:

A seção 'Controles de Sobreposição de Janelas' na ferramenta Aplicativo

Use a seção Sobreposição controles de janela para emular controles de janela para Windows, Linux e macOS.

Veja também:

Anúncios do projeto Chromium

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