Novidades no DevTools (Microsoft Edge 100)
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 .
Vídeo: Microsoft Edge | Novidades no DevTools 100
Aderir à comunidade de DevTools do Microsoft Edge no GitHub
Estamos entusiasmados por anunciar o novo repositório MicrosoftEdge > DevTools no GitHub! Este novo repositório é um local para a nossa comunidade de programadores nos enviar ideias, comentários, sugestões e sugestões para melhorar as DevTools. Estamos ansiosos para falar consigo sobre como as DevTools podem servir melhor as suas necessidades e enfrentar os desafios que enfrenta todos os dias na criação de ótimas experiências Web.
Aceda ao nosso repositório de DevTools no GitHub para se tornar parte da comunidade do Edge DevTools.
Filtrar resumo de instantâneos de área dinâmica para dados por tipo de nó
Ao observar todos os objetos numa área dinâmica para dados snapshot na ferramenta Memória, pode ser difícil concentrar-se em objetos específicos ou manter caminhos. Agora, no Microsoft Edge 100, pode utilizar o novo filtro Tipos de Nó ao observar uma área dinâmica para dados snapshot, para se concentrar apenas em tipos específicos de nós. Por exemplo, para ver apenas as matrizes e objetos de cadeia que estão na área dinâmica para dados, selecione as entradas Matriz e Cadeia no filtro Tipos de Nó :
Veja também:
- Registe instantâneos de área dinâmica para dados com a ferramenta Memória (tipo de criação de perfis "Heap snapshot") – utilize uma área dinâmica para dados snapshot e analise a área dinâmica para dados.
Utilizar DevTools em checo e vietnamita
Personalizar e simplificar a experiência do programador inclui disponibilizar as nossas ferramentas a todos, independentemente do idioma preferido. Adicionámos dois novos idiomas, checos e vietnamitas, à nossa lista de idiomas suportados e continuaremos a adicionar mais. Se o seu idioma preferido não for suportado no DevTools, informe-nos!
Veja também:
A ferramenta Rede mostra agora como um pedido foi cumprido
No Microsoft Edge 100, a ferramenta Rede suporta uma nova coluna Fulfilled by no registo de pedidos. Se o pedido tiver sido cumprido pela sua função de trabalho de serviço ou a partir da cache, essas informações são agora controladas na coluna Preenchido por . Ao exportar ou importar o registo de pedidos como um HAR ficheiro, as informações na coluna Preenchido por também são incluídas.
Veja também:
- Filtrar pedidos por propriedades na Referência de funcionalidades de rede.
- Melhorias na função de trabalho de serviço.
Para obter o histórico desta funcionalidade, consulte Problema n.º 16.
Filtrar mensagens na ferramenta Problemas por gravidade e destino do browser
Na ferramenta Problemas, as novas listas pendentesGravidade e Browser permitem-lhe filtrar mensagens por gravidade e destino do browser, para o ajudar a concentrar-se nos comentários mais relevantes. Pode selecionar ou desmarcar as opções em cada lista pendente.
Para ver todas as mensagens relevantes, poderá ter de atualizar a página. Se lhe for pedido, na ferramenta Problemas , clique no botão Regenerar problemas .
Por predefinição, o filtro Gravidade está definido para mostrar apenas avisos e erros:
O filtro Browser aplica-se apenas ao feedback de compatibilidade do browser, que é apresentado na secção Compatibilidade da lista Problemas . Por predefinição, o filtro Browser mostra mensagens para os browsers principais, conforme definido pela Lista de Browsers:
No exemplo seguinte, as mensagens sobre o Firefox e o Firefox para Android são filtradas:
Veja também:
- Filtre problemas em Localizar e corrigir problemas com a ferramenta Problemas.
Ao importar um perfil de desempenho, as ligações agora mapeiam para o código original
Ao gravar um perfil de desempenho, o gráfico de chama na ferramenta Desempenho apresenta ligações de cada evento na main thread para a função JavaScript correspondente na ferramenta Origens. No entanto, estas ligações são quebradas quando exporta e importa um perfil de desempenho.
No Microsoft Edge 100, as ligações de um perfil de desempenho importado utilizam agora mapas de origem do servidor de símbolos dos Artefactos do Azure para mapear novamente para o seu 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 rastreio de desempenho exportado.
Veja também:
- Mapear o código processado para o código fonte original, para depuração
- 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
Correção: a vista cascata na ferramenta Rede corresponde agora a temas Visual Studio Code
Nas versões anteriores do Microsoft Edge, a vista cascata dos pedidos na ferramenta Rede não correspondia aos temas de Visual Studio Code que se aplicam ao resto das DevTools. No Microsoft Edge 100, este problema foi corrigido.
Antes do Microsoft Edge 100, o tema selecionado não era aplicado na vista cascata:
Agora, no Microsoft Edge 100, o tema selecionado é aplicado à vista cascata dos pedidos na ferramenta Rede:
Veja também:
- Aplicar um tema de cor às DevTools - utilizando temas de Visual Studio Code em DevTools.
- Apresentar a relação de temporização dos pedidos na referência de Funcionalidades de rede – a vista cascata para pedidos na ferramenta Rede.
Anúncios do projeto Chromium
O Microsoft Edge versão 100 também inclui as seguintes atualizações do projeto Chromium: