Novidades no DevTools (Microsoft Edge 115)

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

Melhorias para conectar o DevTools ao servidor de símbolos do Azure Artifacts

No Microsoft Edge 115, é mais fácil e personalizável conectar o DevTools ao servidor de símbolos do Azure Artifacts. Em versões anteriores do Microsoft Edge, para autenticar no servidor de símbolos, era necessário gerar PATs (Tokens de Acesso Pessoal) no Azure DevOps e colá-los no DevTools. Agora, desde que você esteja conectado ao Microsoft Edge usando uma conta corporativa, você pode se conectar ao servidor de símbolos usando o Microsoft Entra ID.

Além disso, agora você pode se conectar a vários servidores de símbolos, caso precise buscar sourcemaps de diferentes organizações do Azure DevOps. Você também pode filtrar quais mapas de origem deseja que o DevTools busque no servidor de símbolos, especificando as URLs do mapa de origem em uma lista de inclusão ou exclusão.

Conectando-se ao servidor de símbolos usando o Microsoft Entra ID nas configurações do DevTools

A mensagem Uma organização do DevOps do Azure deve ser selecionada significa clicar duas vezes na organização ou clicar nela e pressionar Enter.

Curingas

Na caixa de texto Comportamento do filtro , há suporte para os seguintes caracteres curinga:

Curinga Significado
? Corresponde a um único caractere.
* Corresponde a um ou mais de qualquer caractere.

Se você selecionar Lista de exclusão, o DevTools tentará pesquisar todos os mapas de origem para scripts, exceto aqueles que têm uma URL que corresponde a uma das entradas na lista.

Se você selecionar Lista de Inclusão, o DevTools tentará pesquisar apenas mapas de origem para scripts que tenham URLs que correspondam a uma das entradas na lista. Por exemplo, suponha que você selecione Lista de inclusão na lista suspensa Comportamento de filtro e insira o seguinte na caixa de texto Comportamento de filtro :

https://cdn.contoso.com/*
https://packages.contoso.com/*

Neste exemplo, o DevTools tenta apenas resolver mapas de origem que correspondem a esses dois padrões de URL e não tenta carregar mapas de origem para outros scripts.

Veja também:

Aprimoramentos da ferramenta de memória

Nas versões anteriores do Microsoft Edge, na ferramenta Memória, ao usar a instrumentação Alocação no tipo de criação de perfil de linha do tempo (posteriormente renomeada como botão de opção Alocações na linha do tempo), a ferramenta Memória obtém uma amostra do heap a cada 50 milissegundos. No entanto, obter uma amostra do heap escala com o tamanho do heap, portanto, com um tamanho de heap de 200 MB, o exemplo realmente leva 1,5 segundos para ser gerado. Como resultado, há pouco tempo restante no thread principal do seu site, além da geração de exemplos de heap. Quando a instrumentação de alocação na linha do tempo está em execução, pode parecer que o conteúdo da Web está suspenso ou bloqueado.

No Microsoft Edge 115, a taxa de amostragem do heap agora é dimensionada para o tempo necessário para gerar uma amostra, liberando o thread principal para que você possa interagir com o conteúdo da Web durante a criação de perfil.

A opção de criação de perfil

Além disso, em versões anteriores do Microsoft Edge, os instantâneos de heap às vezes incluíam objetos que deveriam ter sido coletados como lixo (GC'd). No Microsoft Edge 115, esse problema foi corrigido e os instantâneos de heap agora são mais precisos.

Veja também:

Ícones e botões do DevTools atualizados

No Microsoft Edge 115, a interface do usuário do DevTools foi reformulada com novos ícones e botões. Por exemplo, ao depurar na ferramenta Fontes , o quadro atual na pilha de chamadas é indicado por uma seta azul apontando para a direita. Esse ícone é mais consistente com os ícones de depuração no Microsoft Visual Studio e no Microsoft Visual Studio Visual Studio Code:

O ícone de seta azul apontando para a direita para o quadro atual na pilha de chamadas

Nas versões anteriores do Microsoft Edge, na exibição de baixo para cima na ferramenta Desempenho , os botões triangulares para recolher e expandir as atividades gravadas eram renderizadas incorretamente. No Microsoft Edge 115, esse problema foi corrigido e agora você pode expandir e recolher atividades individuais para ver quais funções as estão chamando:

Os ícones de triângulo para expandir e recolher atividades na exibição de baixo para cima

Veja também:

Os leitores de tela anunciam corretamente o estado suspenso no Modo de Dispositivo

Em versões anteriores do Microsoft Edge, no Modo de Dispositivo, os leitores de tela anunciavam incorretamente o estado dos menus suspensos como "expandido" quando esses menus eram realmente recolhidos. No Microsoft Edge 115, esse problema foi corrigido e os leitores de tela agora anunciam corretamente o estado dos menus suspensos no Modo de Dispositivo como "recolhido" ou "expandido":

O menu suspenso

Veja também:

Melhorias de criação de perfil para a ferramenta Desempenho

Ao gravar um perfil na ferramenta Desempenho , o mecanismo JavaScript V8 coleta amostras periódicas de todas as funções JavaScript em execução para relatar com precisão o tempo de CPU no gráfico de degradê. Ao criar o perfil de um site que tem muitos iframes entre domínios, esses exemplos levam muito tempo para serem coletados. Isso resulta em uma sobrecarga significativa, diminuindo a velocidade do thread principal, o que diminui o desempenho do site durante a criação de perfil. No Microsoft Edge 115 no Windows, o V8 coleta essas amostras com mais eficiência, resultando em melhor desempenho do site durante a criação de perfil.

Além disso, na ferramenta Desempenho , agora você pode ver uma representação da sobrecarga do criador de perfil no gráfico de degradê ao gravar um perfil. Esse bloco de tempo representa o tempo de CPU necessário para amostrar e analisar eventos ao gravar um perfil e não representa o tempo de CPU que os usuários do seu site estão realmente encontrando. Criação de perfil Eventos de sobrecarga foram adicionados ao gráfico de chamas para ajudar a concentrar suas investigações de desempenho em eventos de Compilar Código e Avaliar Script que afetam seus usuários reais, em vez de eventos que levam apenas tempo enquanto você está criando perfil na ferramenta Desempenho :

O bloco de tempo

Veja também:

Anúncios do projeto Chromium

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

Confira também