Novidades em DevTools (Microsoft Edge 104)
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 .
Usar camadas no modo de exibição 3D
A ferramenta Camadas autônomas foi removida no Microsoft Edge versão 104. Nas versões anteriores do Microsoft Edge, a ferramenta Camadas redirecionou os usuários para a ferramenta 3D View .
Na ferramenta Exibição 3D , a exibição Camadas Compostas tem todos os recursos que você ama da ferramenta Camadas , juntamente com algumas atualizações. A exibição Camadas Compostas agora é complementada por dois outros painéis de depuração visual: DOM e índice Z. Combine essas exibições adicionais com a exibição Camadas Compostas para melhor depuração.
Veja também:
- Depurar a Web em 3D com a ferramenta 3D View
- Navegue por camadas de página da Web, z-index e DOM usando a ferramenta Modo de Exibição 3D
Na ferramenta Problemas, as URLs de solicitação longa foram encurtadas
A ferramenta Problemas fornece recomendações para melhorar a acessibilidade, o desempenho, a segurança e muito mais de uma página da Web. Algumas dessas recomendações incluem um link para uma solicitação de rede que é aberta na ferramenta Rede .
Anteriormente, problemas relacionados a solicitações de rede exibiam toda a URL da solicitação de rede. Quando essas URLs eram longas, elas ganhavam muito espaço, dificultando a navegação na lista de problemas. No Microsoft Edge 104, esses links de URL de solicitação longa foram truncados para ocupar menos espaço. Os links ainda são diretos para a parte relevante da ferramenta Rede .
Em versões anteriores do Microsoft Edge:
No Microsoft Edge versão 104:
Veja também:
Acessibilidade aprimorada para a ferramenta Elementos Desapegados
Nas versões anteriores do Microsoft Edge, ao selecionar a tabela de elementos desanexados na ferramenta Elementos Desapegados , a tecnologia assistiva anunciava apenas "Table" e o número de linhas e colunas. No Microsoft Edge versão 104, esse problema foi corrigido. Ao selecionar a tabela de elementos desanexados na ferramenta Elementos Desapegados , a tecnologia auxiliar agora anuncia "Lista de Elementos Desapegados, Tabela" e o número de linhas e colunas.
Veja também:
- Depurar vazamentos de memória DOM com a ferramenta Elementos Desapegados
- Navegar por DevTools com tecnologia assistiva
Correção: setas que representam o tráfego de soquete da Web agora renderizam corretamente na ferramenta Rede
Nas versões anteriores do Microsoft Edge, ao inspecionar o tráfego de soquetes da Web na ferramenta Rede, as setas que representam se uma mensagem foi enviada do cliente ou servidor não estavam sendo renderizadas corretamente. No Microsoft Edge 104, esse problema foi corrigido. Obrigado por nos enviar seus comentários sobre esse problema!
- As setas para cima verde () representam mensagens enviadas pelo cliente.
- Setas para baixo vermelhas () 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 quadro durante a depuração
- Arquivos de grupo por Authored /Deployed no painel Fontes
- Nova faixa De Tempo de Usuário no painel Insights de desempenho
- Revelar slot atribuído de um elemento
- Simular simultaneidade de hardware para gravações de desempenho
- Visualizar o valor não colorido ao automatizar variáveis CSS
- Identificar quadros de bloqueio no painel cache back/forward
- Sugestões de preenchimento automático aprimoradas para objetos JavaScript
- Melhorias no sourcemaps