Novidades em DevTools (Microsoft Edge 100)
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 .
Ingressar na comunidade do Microsoft Edge DevTools no GitHub
Estamos entusiasmados em anunciar o novo repositório MicrosoftEdge > DevTools no GitHub! Este novo repositório é um lugar 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 enfrentar os desafios que você enfrenta todos os dias na construção de grandes experiências na Web.
Vá para nosso repositório DevTools no GitHub para se tornar parte da comunidade DevTools do Edge.
Resumo de instantâneos de heap de filtro por tipo de nó
Ao examinar todos os objetos em um heap instantâneo na ferramenta Memória, pode ser difícil se concentrar em objetos específicos ou em caminhos de retenção. Agora, no Microsoft Edge 100, você pode usar o novo filtro Tipos de Nó ao examinar um heap instantâneo, para se concentrar apenas em tipos específicos de nós. Por exemplo, para ver apenas as matrizes e objetos de cadeia de caracteres que estão no heap, selecione as entradas Matriz e Cadeia de Caracteres no filtro Tipos de Nó :
Veja também:
- Registre instantâneos de heap usando a ferramenta Memória - pegando um heap instantâneo e analisando o heap.
Usar DevTools em tcheco e vietnamita
Personalizar e simplificar a experiência do desenvolvedor inclui disponibilizar nossas ferramentas para todos, independentemente de sua linguagem preferida. Adicionamos duas novas línguas, tcheca e vietnamita, à nossa lista de idiomas com suporte, e continuaremos adicionando mais. Se seu idioma preferido não tiver suporte em DevTools, avise-nos!
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 Realizada por coluna no log de solicitação. Se a solicitação foi atendida pelo seu funcionário de serviço ou pelo cache, essas informações agora serão rastreadas na coluna Atendidas. Ao exportar ou importar o log de solicitação como um HAR arquivo, as informações na coluna Atendidas por também são incluídas.
Veja também:
- Filtrar solicitações por propriedades na referência de recursos de rede.
- Aprimoramentos do Trabalho de Serviço.
Para obter o histórico desse recurso, consulte Problema nº 16.
Filtrar mensagens na ferramenta Problemas por severidade e destino do navegador
Na ferramenta Problemas, as novas listas suspensasSeverity e Browser permitem filtrar mensagens por severidade e destino do navegador, para ajudá-lo a se concentrar nos comentários mais relevantes. Você pode selecionar ou limpar 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 Regenerar problemas .
Por padrão, o filtro Severidade é definido para mostrar apenas avisos e erros:
O filtro Browser 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 navegador mostra mensagens para os navegadores superiores, conforme definido pela Lista de Navegadores:
No exemplo a seguir, as mensagens sobre o Firefox e o Firefox para Android são filtradas:
Veja também:
- Filtrar problemas em Localizar e corrigir problemas usando a ferramenta Problemas.
Ao importar um perfil de desempenho, os links agora são mapeados para o código original
Ao gravar um perfil de desempenho, o gráfico de chama na ferramenta Desempenho exibe links de cada evento no thread main 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 o código-fonte original familiar. O perfil de desempenho deve ter sido exportado no Microsoft Edge 100 (ou superior), para que o perfil inclua as informações necessárias para resolve mapas de origem no rastreamento de desempenho exportado.
Veja também:
- Mapear o código processado para o código-fonte original para depuração
- Depurar com segurança o código original publicando mapas de origem para o servidor de símbolos do Azure Artifacts
- Depurar com segurança o código original usando mapas de origem do servidor de símbolos do Azure Artifacts
Correção: a exibição Cascata na ferramenta Rede agora corresponde a temas Visual Studio Code
Nas versões anteriores do Microsoft Edge, a exibição cascata de solicitações na ferramenta Rede não correspondia aos temas de 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 na exibição Cascata:
Agora, no Microsoft Edge 100, o tema selecionado é aplicado à exibição Cascata de solicitações na ferramenta Rede:
Veja também:
- Aplique um tema de cor ao DevTools - usando temas de Visual Studio Code em DevTools.
- Exiba a relação de tempo das solicitações na referência de recursos de rede – a exibição Cascata para solicitações na ferramenta Rede.
Anúncios do projeto Chromium
O Microsoft Edge versão 100 também inclui as seguintes atualizações do projeto Chromium: