Novidades no DevTools (Microsoft Edge 104)
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: Novidades no DevTools 104
Utilizar Camadas na Vista 3D
A ferramenta Camadas autónomas foi removida na versão 104 do Microsoft Edge. Em versões anteriores do Microsoft Edge, a ferramenta Camadas redirecionou os utilizadores para a ferramenta Vista 3D .
Na ferramenta Vista 3D , a vista Camadas Compostas tem todas as funcionalidades que adora da ferramenta Camadas , juntamente com algumas atualizações. A vista Camadas Compostas é agora complementada por dois outros painéis de depuração visual: DOM e Z-index. Combine estas vistas adicionais com a vista Camadas Compostas para uma melhor depuração.
Veja também:
- Depurar a Web em 3D com a ferramenta Vista 3D
- Navegar nas camadas da página Web, no z-index e no DOM com a ferramenta Vista 3D
Na ferramenta Problemas, os URLs de pedido longo foram abreviados
A ferramenta Problemas fornece recomendações para melhorar a acessibilidade, o desempenho, a segurança e muito mais de uma página Web. Algumas destas recomendações incluem uma ligação para um pedido de rede que é aberto na ferramenta Rede .
Anteriormente, os problemas relacionados com pedidos de rede apresentaram todo o URL do pedido de rede. Quando estes URLs eram longos, tinham muito espaço, o que dificultava a procura na lista de problemas. No Microsoft Edge 104, estas ligações de URL de pedido longo foram truncadas para ocupar menos espaço. As ligações ainda são diretas para a parte relevante da ferramenta Rede .
Em versões anteriores do Microsoft Edge:
No Microsoft Edge versão 104:
Veja também:
Acessibilidade melhorada para a ferramenta Elementos Desanexados
Em versões anteriores do Microsoft Edge, ao selecionar a tabela de elementos desanexados na funcionalidade Elementos Destacados , a tecnologia de apoio apenas anunciou "Tabela" e o número de linhas e colunas. No Microsoft Edge versão 104, este problema foi corrigido. Ao selecionar a tabela de elementos desanexados na funcionalidade Elementos Destacados , a tecnologia de apoio anuncia agora "Lista de Elementos Desanexados, Tabela" e o número de linhas e colunas.
Veja também:
- Ferramentas para investigar elementos desanexados em Corrigir problemas de memória.
- Depurar fugas de memória DOM com a ferramenta Elementos Desanexados
- Navegar em DevTools com tecnologia de apoio
Correção: as setas que representam o tráfego do socket Web são agora compostas corretamente na ferramenta rede
Nas versões anteriores do Microsoft Edge, ao inspecionar o tráfego do socket Web na ferramenta Rede, as setas que representam se uma mensagem foi enviada do cliente ou do servidor não estavam a ser compostas corretamente. No Microsoft Edge 104, este problema foi corrigido. Obrigado por nos enviar o seu feedback sobre este problema!
- As setas verdes para cima (
) representam mensagens enviadas pelo cliente. - As setas vermelhas para baixo (
) representam mensagens enviadas pelo servidor.
Veja também:
Anúncios do projeto Chromium
O Microsoft Edge 104 também inclui as seguintes atualizações do projeto Chromium:
- Reiniciar frame durante a depuração
- Agrupar ficheiros por Criado/Implementado no painel Origens
- Nova monitorização de Temporizações de Utilizador no painel Informações de desempenho
- Revelar o bloco atribuído de um elemento
- Simular simultaneidade de hardware para gravações de Desempenho
- Pré-visualizar o valor não colorido ao concluir automaticamente as variáveis CSS
- Identificar os fotogramas de bloqueio no painel Cache anterior/reencaminhada
- Sugestões de conclusão automática melhoradas para objetos JavaScript
- Melhorias nos esquemas de origem