Novidades no DevTools (Microsoft Edge 100)

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

Vídeo: Microsoft Edge | Novidades no DevTools 100

Imagem em miniatura do vídeo

Participe da comunidade DevTools do Microsoft Edge no GitHub

Temos o prazer de anunciar o novo repositório DevTools do MicrosoftEdge > no GitHub! Este novo repositório é um local para nossa comunidade de desenvolvedores nos enviar ideias, comentários, sugestões e dicas para melhorar o DevTools. Estamos ansiosos para discutir com você como o DevTools pode atender melhor às suas necessidades e atender aos desafios que você enfrenta todos os dias na criação de ótimas experiências na web.

O repositório de comentários do DevTools

Acesse nosso repositório DevTools no GitHub para se tornar parte da comunidade DevTools do Edge.

Filtrar resumo de instantâneos de heap por tipo de nó

Ao examinar todos os objetos em um snapshot de heap na ferramenta Memory, pode ser difícil se concentrar em objetos específicos ou caminhos de retenção. Agora, no Microsoft Edge 100, você pode usar o novo filtro Tipos de Nós ao examinar um snapshot de heap, para se concentrar apenas em tipos específicos de nós. Por exemplo, para ver apenas as matrizes e os objetos de cadeia de caracteres que estão no heap, selecione as entradas Matriz e Cadeia de Caracteres no filtro Tipos de Nó :

Tipos de nó em um snapshot de heap na ferramenta Memória

Veja também:

Usar DevTools em tcheco e vietnamita

Personalizar e simplificar a experiência do desenvolvedor inclui disponibilizar nossas ferramentas para todos, independentemente do idioma preferido. Adicionamos dois novos idiomas, tcheco e vietnamita, à nossa lista de idiomas com suporte e continuaremos adicionando mais. Se o seu idioma preferido não tiver suporte no DevTools, avise-nos!

DevTools em tcheco e vietnamita

Veja também:

A ferramenta Rede agora exibe como uma solicitação foi atendida

No Microsoft Edge 100, a ferramenta Rede dá suporte a uma nova coluna Preenchido por no log de solicitações. Se a solicitação foi atendida pelo seu trabalho de serviço ou do cache, essas informações agora são rastreadas na coluna Preenchido por . Ao exportar ou importar o log de solicitação como um HAR arquivo, as informações na coluna Preenchido por também são incluídas.

A coluna Preenchido por no log de solicitação da ferramenta Rede

Veja também:

Para obter o histórico desse recurso, consulte o Problema #16.

Filtrar mensagens na ferramenta Problemas por gravidade e destino do navegador

Na ferramenta Problemas , as novas listas suspensas Severidade e Navegador permitem filtrar as mensagens por gravidade e destino do navegador, para ajudá-lo a se concentrar nos comentários mais relevantes. Você pode marcar ou desmarcar as opções em cada lista suspensa.

Para ver todas as mensagens relevantes, talvez seja necessário atualizar a página. Se solicitado, na ferramenta Problemas , clique no botão Gerar problemas novamente .

Por padrão, o filtro Severidade está definido para mostrar apenas avisos e erros:

Filtro de gravidade

O filtro do navegador só se aplica aos comentários de compatibilidade do navegador, que são mostrados na seção Compatibilidade da lista Problemas . Por padrão, o filtro do navegador mostra mensagens para os principais navegadores, conforme definido pela lista de navegadores:

A lista suspensa Navegadores, com

No exemplo a seguir, as mensagens sobre o Firefox e o Firefox para Android são filtradas:

Mensagens sobre o navegador Firefox filtradas (removidas)

Veja também:

Ao gravar um perfil de desempenho, o gráfico de degradê na ferramenta Desempenho exibe links de cada evento no thread principal para a função JavaScript correspondente na ferramenta Fontes . No entanto, esses links são quebrados quando você exporta e importa um perfil de desempenho.

No Microsoft Edge 100, os links de um perfil de desempenho importado agora usam mapas de origem do servidor de símbolos do Azure Artifacts para mapear de volta para seu código-fonte original familiar. O perfil de desempenho deve ter sido exportado no Microsoft Edge 100 (ou posterior), para que o perfil inclua as informações necessárias para resolver mapas de origem no rastreamento de desempenho exportado.

Os links do perfil de desempenho importado usam mapas do código-fonte Vá para o código-fonte original e familiar

Veja também:

Correção: o modo de exibição em cascata na ferramenta Rede agora corresponde aos temas do Visual Studio Code

Atualização: a partir do Microsoft Edge 131, o recurso de temas do Visual Studio Code é removido e esses temas são revertidos para os temas padrão:

  • Luz+
  • Escuro+

Em versões anteriores do Microsoft Edge, a exibição em cascata de solicitações na ferramenta Rede não correspondia aos temas do Visual Studio Code que se aplicam ao restante do DevTools. No Microsoft Edge 100, esse problema foi corrigido.

Antes do Microsoft Edge 100, o tema selecionado não era aplicado no modo de exibição em cascata:

O tema selecionado não foi aplicado no modo de exibição em cascata

Agora no Microsoft Edge 100, o tema selecionado é aplicado à exibição em cascata de solicitações na ferramenta Rede:

O tema selecionado agora é aplicado à exibição em cascata de solicitações na ferramenta Rede

Veja também:

Anúncios do projeto Chromium

A versão 100 do Microsoft Edge também inclui as seguintes atualizações do projeto Chromium:

Confira também