Novidades no DevTools (Microsoft Edge 115)
Para marcar as funcionalidades mais recentes do Microsoft Edge DevTools e da extensão DevTools do Microsoft Edge para o Microsoft Visual Studio Code e Visual Studio, leia estes anúncios.
Para se manter atualizado e obter as funcionalidades mais recentes do DevTools, transfira uma versão de pré-visualização do Insider do Microsoft Edge. Quer esteja no Windows, Linux ou macOS, considere utilizar o Canary (ou outro canal de pré-visualização) como o browser de desenvolvimento predefinido. As versões Beta, Dev e Canary do Microsoft Edge são executadas como aplicações separadas, lado a lado com a versão estável e lançada do Microsoft Edge. Consulte Microsoft Edge Insider Channels.
Para obter os anúncios mais recentes, siga a equipa do Microsoft Edge no Twitter. Para comunicar um problema com o DevTools ou pedir uma nova funcionalidade, submeta um problema no repositório MicrosoftEdge/DevTools .
Melhorias na ligação de DevTools ao servidor de símbolos dos Artefactos do Azure
No Microsoft Edge 115, é mais fácil e personalizável ligar As DevTools ao servidor de símbolos dos Artefactos do Azure. Em versões anteriores do Microsoft Edge, para se autenticar no servidor de símbolos, tinha de gerar Tokens de Acesso Pessoal (PATs) no Azure DevOps e, em seguida, colá-los em DevTools. Agora, desde que tenha sessão iniciada no Microsoft Edge com uma conta profissional, pode ligar ao servidor de símbolos com Microsoft Entra ID.
Além disso, agora pode ligar a vários servidores de símbolos, caso precise de obter os códigos de origem de diferentes organizações do Azure DevOps. Também pode filtrar os esquemas de origem que pretende que as DevTools obtenham do servidor de símbolos ao especificar os URLs do mapa de origem numa lista de inclusão ou exclusão.
A mensagem Uma organização do Azure DevOps tem de estar selecionada significa fazer duplo clique na organização ou clicar na mesma e, em seguida, premir Enter.
Curingas
Na caixa de texto Comportamento do filtro , são suportados os seguintes carateres universais:
| Curinga | Significado |
|---|---|
| ? | Corresponde a um único caráter. |
| * | Corresponde a um ou mais carateres. |
Se selecionar Lista de Exclusão, a DevTools tenta procurar scripts em quaisquer mapas de origem, exceto aqueles que tenham um URL que corresponda a uma das entradas na lista.
Se selecionar Lista de Inclusão, o DevTools apenas tenta procurar os mapas de origem para obter scripts que tenham URLs que correspondam a uma das entradas na lista. Por exemplo, suponha que seleciona Lista de Inclusão na lista pendente Comportamento do filtro e, em seguida, introduza o seguinte na caixa de texto Comportamento do filtro :
https://cdn.contoso.com/*
https://packages.contoso.com/*
Neste exemplo, o DevTools apenas tenta resolve mapas de origem que correspondam a estes dois padrões de URL e não tenta carregar mapas de origem para outros scripts.
Veja também:
- Depurar código original de forma segura ao publicar mapas de origem no servidor de símbolos dos Artefactos do Azure
- Depurar de forma segura o código original com os mapas de origem do servidor de símbolos dos Artefactos do Azure
Melhoramentos da ferramenta de memória
Em versões anteriores do Microsoft Edge, na ferramenta Memória, ao utilizar a instrumentação de Alocação no tipo de criação de perfis de linha do tempo (mais tarde rotulada como o botão de opção Alocações no linha do tempo), a ferramenta Memória tira uma amostra da área dinâmica para dados a cada 50 milissegundos. No entanto, tirar uma amostra das escalas de área dinâmica para dados com o tamanho da área dinâmica para dados, pelo que, com um tamanho de área dinâmica para dados de 200 MB, a amostra demora 1,5 segundos a gerar. Como resultado, resta pouco tempo no tópico de main para o seu site, fora da geração de amostras de área dinâmica para dados. Quando a instrumentação de alocação no linha do tempo estiver em execução, poderá parecer que o conteúdo Web está bloqueado ou bloqueado.
No Microsoft Edge 115, a taxa de exemplo da área dinâmica para dados é agora dimensionada para o tempo que demora a gerar uma amostra, libertando o main thread para que possa interagir com o seu conteúdo Web durante a criação de perfis.
Além disso, em versões anteriores do Microsoft Edge, por vezes, os instantâneos de área dinâmica para dados incluíam objetos que deveriam ter sido recolhidos da memória (GC'd). No Microsoft Edge 115, este problema foi corrigido e os instantâneos da área dinâmica para dados são agora mais precisos.
Veja também:
- Limitar a proporção de tempo de CPU dado a requestHeapStatsUpdate (4469909) · Revisão do Código Gerrit
- Tornar os instantâneos de área dinâmica para dados mais precisos (4499405) · Revisão do Código Gerrit
Ícones e botões de DevTools atualizados
No Microsoft Edge 115, a IU do DevTools foi remodelada com novos ícones e botões. Por exemplo, ao depurar na ferramenta Origens , a moldura atual na pilha de chamadas é indicada por uma seta azul a apontar para a direita. Este ícone é mais consistente com os ícones de depuração no Microsoft Visual Studio e no Microsoft Visual Studio Code:
Nas versões anteriores do Microsoft Edge, na vista Inferior Para Cima na ferramenta Desempenho , os botões de triângulo para fechar e expandir as atividades gravadas foram compostos incorretamente. No Microsoft Edge 115, este problema foi corrigido e agora pode expandir e fechar atividades individuais para ver que funções lhes chamam:
Veja também:
- Percorra o código nas funcionalidades de depuração de JavaScript.
- O separador Bottom-Up na referência de Funcionalidades de desempenho.
Os leitores de ecrã anunciam corretamente o estado da lista pendente no Modo de Dispositivo
Em versões anteriores do Microsoft Edge, no Modo de Dispositivo, os leitores de ecrã anunciaram incorretamente o estado dos menus pendentes como "expandidos" quando estes menus foram realmente fechados. No Microsoft Edge 115, este problema foi corrigido e os leitores de ecrã anunciam corretamente o estado dos menus pendentes no Modo de Dispositivo como "fechado" ou "expandido":
Veja também:
Melhorias na criação de perfis para a Ferramenta de desempenho
Ao gravar um perfil na ferramenta Desempenho , o motor JavaScript V8 utiliza amostras periódicas de todas as funções JavaScript em execução, para comunicar com precisão o tempo da CPU no gráfico de chama. Ao criar perfis para um site com muitos iframes entre domínios, estes exemplos demoram muito tempo a recolher. Isto resulta numa sobrecarga significativa, abrandando a main thread, o que atrasa o desempenho do site durante a criação de perfis. No Microsoft Edge 115 no Windows, o V8 recolhe estes exemplos de forma mais eficiente, resultando num melhor desempenho do site durante a criação de perfis.
Além disso, na ferramenta Desempenho , agora pode ver uma representação da sobrecarga do gerador de perfis no gráfico de chama ao gravar um perfil. Este 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 utilizadores do seu site estão realmente a encontrar. Foram adicionados eventos de Criação de Perfis Gerais ao gráfico de chama para ajudar a focar as investigações de desempenho nos eventos Compilar Código e Avaliar Script que afetam os seus utilizadores reais, em vez de eventos que só demoram tempo enquanto cria perfis na ferramenta Desempenho:
Veja também:
- Evite a espera ocupada no thread do sampler se o Windows suportar suspensão precisa (4453767) · Revisão do Código Gerrit
- Mostrar V8. FinalizeDeserialization time as profiler overhead (4504370) · Revisão do Código Gerrit
- Problema 1428605: a desserialização da cache de código da V8 é 2-4× mais lenta do que uma compilação normal não colocada em cache quando a criação de perfis de CPU está ativada
Anúncios do projeto Chromium
O Microsoft Edge 115 também inclui as seguintes atualizações do projeto Chromium: