Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
Esses são os recursos mais recentes na versão estável do Microsoft Edge DevTools.
Vídeo: Novidades no DevTools 110
Tirar instantâneos de heap na ferramenta Memória agora é mais rápido
Em versões anteriores do Microsoft Edge, a geração de instantâneos de heap grandes (mais de 1 GB) na ferramenta Memória podia levar de 2 a 15 minutos, dependendo do tamanho do seu site ou aplicativo e de quantos elementos estavam armazenados na memória.
No Microsoft Edge 110, a ferramenta Memória agora é de 70% a 86% mais rápida na captura de instantâneos de heap. Para instantâneos de heap maiores, estamos vendo a maior melhoria na velocidade. Se você notou que tirar instantâneos de heap é muito mais rápido, deixe-nos comentários em [Comentários] Tirar instantâneos de heap na ferramenta Memória agora é mais rápido #131.
Veja também:
Mover ferramentas entre a Barra de Atividades e a Visualização Rápida mais facilmente no Modo de Foco
O Microsoft Edge 110 contém várias melhorias no Modo de Foco no DevTools. As alterações a seguir facilitam a personalização da Barra de Atividades e do painel Visualização Rápida , para mostrar apenas as ferramentas nas quais você está interessado no momento.
Ao mover uma ferramenta, o menu de atalho mostra o posicionamento atual da barra de ferramentas de destino
O comando de menu de clique com o botão direito do mouse para mover uma ferramenta entre o painel Visualização rápida e a Barra de atividades agora indica o posicionamento da barra de ferramentas de destino, como:
- Mover para a parte inferior Visualização rápida
- Mover para o lado Visualização rápida
- Mover para o início da Barra de Atividades
- Mover para a esquerda na Barra de Atividades
Atualizar: A Barra de Atividades vertical não é mais suportada, no Microsoft Edge 144 e em versões futuras.
O menu de atalho não é mais exibido sobre a guia da ferramenta na barra de ferramentas
O menu de atalho para mover uma ferramenta entre a Barra de Atividades e a barra de ferramentas de Visualização Rápida não oculta mais o nome da ferramenta na barra de ferramentas.
Por exemplo, o nome da ferramenta Condições de Rede permanece visível quando você clica com o botão direito do mouse na guia da ferramenta na barra de ferramentas Visualização Rápida :
Como outro exemplo, o nome da ferramenta Rede permanece visível quando você clica com o botão direito do mouse na guia da ferramenta na Barra de Atividades:
O foco é preservado na Barra de Atividades ou na Exibição Rápida ao mover uma ferramenta entre elas
Para usuários de atalhos de teclado e tecnologia adaptativa, o foco é preservado na Barra de Atividades ou na barra de ferramentas de Visualização Rápida ao mover a ferramenta atualmente selecionada de uma barra de ferramentas para outra ou ao remover uma ferramenta da barra de ferramentas.
Por exemplo, suponha que a ferramenta Rede tenha sido movida para a barra de ferramentas Visualização Rápida e você clique com o botão direito do mouse na guia Rede na barra de ferramentas Exibição Rápida :
Se você selecionar Remover da Exibição rápida, o foco permanecerá na barra de ferramentas Exibição rápida e passará para a ferramenta Condições de rede , que é a próxima ferramenta na barra de ferramentas Exibição rápida :
Melhorias de acessibilidade para temas, personalização de locais e o botão Mais Ferramentas
Os seguintes problemas de acessibilidade foram corrigidos e o uso de tecnologia adaptativa, como leitores de tela e atalhos de teclado com o DevTools, agora é mais fácil.
Os leitores de tela relatam corretamente quando o menu Mais Ferramentas é expandido
Em versões anteriores do Microsoft Edge, os leitores de tela informavam que o botão Mais ferramentas (
) era recolhido quando, na verdade, o menu Mais ferramentas estava sendo expandido. No Microsoft Edge 110, esse problema foi corrigido.
Os leitores de tela agora informam corretamente quando o menu Mais ferramentas () é expandido:
Altere o local do Encaixe e o local da Barra de Atividades usando o teclado
Em versões anteriores do Microsoft Edge, no Modo de Foco, não era possível alterar o local do Dock ou da Barra de Atividades por meio do teclado. No Microsoft Edge 110, esse problema foi corrigido.
No Modo de Foco, agora você pode alterar o local do Dock e o local da Barra de Atividades no menu Personalizar e controlar o DevTools (
) usando as teclas de direção:
Os leitores de tela anunciam qual tema está selecionado no momento ao rolar pelos temas
Em versões anteriores do Microsoft Edge, ao percorrer a lista de temas para DevTools, os leitores de tela não anunciavam se um tema estava selecionado ou não. No Microsoft Edge 110, esse problema foi corrigido.
Os leitores de tela agora anunciam qual tema está selecionado no momento ao se mover entre os temas no menu Personalizar e controlar o DevTools ():
Veja também:
As ferramentas Rede, Console, Problemas e Fontes melhoraram o suporte para temas de contraste
O DevTools no Microsoft Edge 110 agora tem melhor suporte para temas de contraste do Windows. As ferramentas Rede, Console, Problemas e Fontes foram aprimoradas para que sejam renderizadas corretamente com temas de contraste.
Na ferramenta Problemas , com o tema de contraste Deserto aplicado no Windows, quando você coloca o foco em um problema específico, os detalhes sobre o problema são exibidos em um plano de fundo sólido, o que dificulta a leitura do texto. No Microsoft Edge 110, isso foi corrigido, usando um contorno em vez de um plano de fundo sólido:
Na ferramenta Rede , com o tema de contraste Deserto aplicado no Windows, a seleção de uma solicitação específica dificultou a visualização do texto e do ícone da solicitação. No Microsoft Edge 110, isso foi corrigido:
Veja também:
- Verifique se há problemas de contraste com o tema escuro e o tema claro
- Alterar o contraste de cores no Windows
Anúncios do projeto Chromium
O Microsoft Edge 110 também inclui as seguintes atualizações do projeto Chromium:
- Limpando o Painel de Desempenho ao recarregar
- Impressão bonita automática no local
- Melhor realce de sintaxe e visualização embutida para Vue, SCSS e muito mais
- Preenchimento automático ergonômico e consistente no console