Compartilhar via


Novidades no DevTools (Microsoft Edge 110)

Para ver as funcionalidades mais recentes do Microsoft Edge DevTools e a 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 110

Imagem em miniatura do vídeo

Tirar instantâneos de área dinâmica para dados na ferramenta Memória é agora mais rápido

Em versões anteriores do Microsoft Edge, gerar grandes instantâneos de área dinâmica para dados (mais de 1 GB) na ferramenta Memória pode demorar entre 2 e 15 minutos, consoante o tamanho do seu site ou aplicação e quantos elementos foram armazenados na memória.

No Microsoft Edge 110, a ferramenta Memória é agora 70% a 86% mais rápida na criação de instantâneos de área dinâmica para dados. Para instantâneos de área dinâmica para dados maiores, estamos a ver a maior melhoria de velocidade. Se reparou que tirar instantâneos de área dinâmica para dados é muito mais rápido, deixe-nos feedback em [Feedback] Tirar instantâneos da área dinâmica para dados na ferramenta Memória é agora mais rápido n.º 131.

Tirar um instantâneo de área dinâmica para dados na ferramenta Memória

Veja também:

Mover ferramentas entre a Barra de Atividade e a Vista Rápida mais facilmente no Modo de Detalhe

O Microsoft Edge 110 contém várias melhorias no Modo de Detalhe nas DevTools. As seguintes alterações tornam mais fácil personalizar a Barra de Atividade e o painel Vista Rápida para mostrar apenas as ferramentas que lhe interessam atualmente.

Ao mover uma ferramenta, o menu de contexto mostra o posicionamento atual da barra de ferramentas de destino

O comando de menu de contexto para mover uma ferramenta entre o painel Vista Rápida e a Barra de Atividade indica agora o posicionamento da barra de ferramentas de destino, como:

  • Mover para a Vista Rápida inferior
  • Mover para a Vista Rápida lateral
  • Mover para a Barra de Atividade superior
  • Mover para a Barra de Atividade à esquerda

Menu com o botão direito do rato a mostrar

O menu de contexto já não é apresentado no separador da ferramenta na barra de ferramentas

O menu de contexto para mover uma ferramenta entre a Barra de Atividade e a barra de ferramentas vista rápida já não oculta o nome da ferramenta na barra de ferramentas.

Por exemplo, o nome da ferramenta Condições de Rede permanece visível quando clica com o botão direito do rato no separador da ferramenta na barra de ferramentas Vista Rápida :

O menu de contexto na Vista Rápida

Como outro exemplo, o nome da ferramenta rede permanece visível quando clica com o botão direito do rato no separador da ferramenta na Barra de Atividade:

O menu de contexto na Barra de Atividade

O foco é preservado na Barra de Atividade ou na Vista Rápida ao mover uma ferramenta entre as mesmas

Para os utilizadores de atalhos de teclado e tecnologia de apoio, o foco é preservado na Barra de Atividade ou na barra de ferramentas vista rápida ao mover a ferramenta atualmente selecionada de uma barra de ferramentas para a outra ou ao remover uma ferramenta da barra de ferramentas.

Por exemplo, suponha que a ferramenta Rede foi movida para a barra de ferramentas Vista Rápida e clique com o botão direito do rato no separador Rede na barra de ferramentas Vista Rápida :

Clicar com o botão direito do rato na ferramenta Rede na Vista Rápida

Se, em seguida, selecionar Remover da Vista Rápida, o foco permanece na barra de ferramentas Vista Rápida e passa para a ferramenta Condições de rede , que é a ferramenta seguinte na barra de ferramentas Vista Rápida :

O foco permanece na barra de ferramentas vista rápida e muda para outra ferramenta na barra de ferramentas vista rápida

Melhorias de acessibilidade para temas, localizações personalizadas e o botão Mais Ferramentas

Os seguintes problemas de acessibilidade foram corrigidos e a utilização de tecnologia de apoio, como leitores de ecrã e atalhos de teclado com DevTools, é agora mais fácil.

Os leitores de ecrã reportam corretamente quando o menu Mais Ferramentas é expandido

Em versões anteriores do Microsoft Edge, os leitores de ecrã relataram que o botão Mais ferramentas (sinal de adição) foi fechado quando o menu Mais ferramentas foi realmente expandido. No Microsoft Edge 110, este problema foi corrigido.

Agora, os leitores de ecrã comunicam corretamente quando o menu Mais ferramentas (ícone de sinal de adição) é expandido:

O menu

Alterar a localização da Dock e a localização da Barra de Atividade com o teclado

Em versões anteriores do Microsoft Edge, no Modo de Detalhe, não foi possível alterar a localização da Dock ou a localização da Barra de Atividade através do teclado. No Microsoft Edge 110, este problema foi corrigido.

No Modo de Detalhe, agora pode alterar a localização da Dock e a localização da Barra de Atividade no menu Personalizar e controlar As DevTools (ícone de Reticências) com as teclas de seta:

Alterar a localização da Dock no Modo de Detalhe ao premir as teclas de seta

Os leitores de ecrã anunciam o tema atualmente selecionado ao percorrer temas

Em versões anteriores do Microsoft Edge, ao percorrer a lista de temas para DevTools, os leitores de ecrã não anunciaram se um tema estava ou não selecionado. No Microsoft Edge 110, este problema foi corrigido.

Os leitores de ecrã anunciam agora que tema está atualmente selecionado quando se desloca entre os temas no menu Personalizar e controlar DevTools (O ícone de Reticências):

Navegar entre os temas no Modo de Detalhe

Veja também:

As ferramentas Rede, Consola, Problemas e Origens melhoraram o suporte para temas de contraste

As DevTools no Microsoft Edge 110 têm agora um melhor suporte para temas de contraste do Windows. As ferramentas Rede, Consola, Problemas eOrigens foram melhoradas para que as ferramentas sejam compostas corretamente com temas de contraste.

Na ferramenta Problemas , com o tema de contraste do Deserto aplicado no Windows, quando coloca o foco num problema específico, os detalhes sobre o problema foram apresentados num fundo sólido, o que dificultou a leitura do texto. No Microsoft Edge 110, isto foi corrigido ao utilizar um destaque em vez de um fundo sólido:

A ferramenta Problemas com o tema de contraste do Deserto aplicado

Na ferramenta Rede , com o tema de contraste do Deserto aplicado no Windows, a seleção de um pedido específico dificultou a visualização do texto e do ícone do pedido. No Microsoft Edge 110, isto foi corrigido:

A ferramenta Rede com o tema de contraste do Deserto aplicado

Veja também:

Anúncios do projeto Chromium

O Microsoft Edge 110 também inclui as seguintes atualizações do projeto Chromium: