Funcionalidades experimentais no Microsoft Edge DevTools

As DevTools do Microsoft Edge fornecem acesso a funcionalidades experimentais que ainda estão em desenvolvimento. Este artigo lista e descreve as funcionalidades experimentais que se encontram em:

• A versão mais recente do canal de pré-visualização Canary do Microsoft Edge.
• A versão mais recente do Lançamento estável do Microsoft Edge.

Todos os canais do Microsoft Edge têm funcionalidades experimentais. Pode obter as funcionalidades experimentais mais recentes com o canal Microsoft Edge Canary. Para ver a lista completa de experimentações que estão disponíveis na sua versão do Microsoft Edge, consulte a páginaExperiências de Definições> em DevTools.

Estas experimentações podem ser instáveis ou pouco fiáveis e podem exigir que reinicie as DevTools.

Ativar ou desativar uma experimentação

As funcionalidades experimentais estão constantemente a ser atualizadas e podem causar problemas de desempenho. Esta é uma das razões pelas quais poderá querer desativar uma experimentação.

Para ativar ou desativar uma experimentação no Microsoft Edge:

1. Para abrir o DevTools, clique com o botão direito do mouse na página da Web e selecione Inspecionar. Em alternativa, prima Ctrl+Shift+I (Windows, Linux) ou Comando+Opção+I (macOS). O DevTools é aberto.

2. Em DevTools, na barra de ferramentas principal, clique no botão Personalizar e controlar DevTools ( e, em seguida, clique no botão Definições (). Em alternativa, prima Shift+?.

3. No lado esquerdo do painel Definições , selecione a página Experimentações :

   

4. Selecione ou desmarque a caixa de verificação de uma experimentação. Algumas experimentações estão selecionadas por predefinição.

5. Clique em Fechar () no canto superior direito das Definições de DevTools.

6. Clique no botão Recarregar DevTools .

Restaurar predefinições para as quais as experimentações estão selecionadas

Para restaurar as predefinições para as quais as funcionalidades experimentais estão ativadas:

1. Para abrir o DevTools, clique com o botão direito do mouse na página da Web e selecione Inspecionar. Em alternativa, prima Ctrl+Shift+I (Windows, Linux) ou Comando+Opção+I (macOS). O DevTools é aberto.

2. Em DevTools, na barra de ferramentas principal, clique no botão Definições (). Em alternativa, prima Shift+?. O painel Definições é aberto, com a página Preferências selecionada.

3. Na parte inferior da página Preferências, clique no botão Restaurar predefinições e atualizar e, em seguida, clique em Fechar ().

Filtrar as experimentações

Pode filtrar as funcionalidades experimentais por texto incluído no título.

1. Para abrir o DevTools, clique com o botão direito do mouse na página da Web e selecione Inspecionar. Em alternativa, prima Ctrl+Shift+I (Windows, Linux) ou Comando+Opção+I (macOS). O DevTools é aberto.

2. Em DevTools, na barra de ferramentas principal, clique no botão Definições (). Em alternativa, prima Shift+?. O painel Definições é aberto, com a página Preferências selecionada.

3. No lado esquerdo do painel Definições , selecione a página Experimentações .

4. Clique na caixa de texto Filtro e introduza texto, como linha do tempo. À medida que escreve, apenas as caixas de verificação correspondentes são apresentadas na página Experimentações .

5. Para terminar a filtragem, desmarque a caixa de texto Filtro .

Fornecer comentários sobre as experimentações

Estamos ansiosos para ouvir o seu feedback sobre as funcionalidades experimentais. Para partilhar feedback connosco, contacte a equipa do Microsoft Edge DevTools.

Lista de experimentações

As caixas de verificação de experimentações que aparecem na versão mais recente do canal de pré-visualização Canary do Microsoft Edge estão listadas abaixo. A versão Estável também é notada, na sequência da adição ou remoção de caixas de verificação no Canary.

AI Explain Console Error

Controla se a funcionalidade Explicar consola está ativada ou desativada. Quando a funcionalidade Explicar consola estiver ativada, clicar no ícone Copilot abre a conversa da barra lateral e explica o erro.

Consulte também:

• Explicar erros e avisos da Consola com o Copilot no Edge

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Mensagens Duráveis

A experimentação Da Durable Messages é um melhoramento para a funcionalidade Preservar registo da ferramenta de Rede.

Quando a caixa de verificação Durable Messages está selecionada, a DevTools indica ao browser para colocar os corpos de resposta da rede na memória intermédia fora do processo do compositor, para que os pedidos e os corpos de resposta sobrevivam às navegação entre processos. Esta funcionalidade só entra em vigor quando a definição Preservar registo está ativada na ferramenta Rede .

Quando a caixa de verificação Durable Messages é desmarcada, o comportamento predefinido resulta: os corpos de resposta vivem no processo de composição e são perdidos após a navegação entre processos.

Consulte também:

• Guardar pedidos em carregamentos de páginas na Referência de funcionalidades de rede.

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Ativar o CSS Copilot

Permite utilizar o Copilot na Barra Lateral do Microsoft Edge para explicar elementos HTML e estilos CSS para o ajudar a compreender melhor um elemento específico ou regra de estilo que é apresentada na ferramenta Elementos . Para perguntar ao Copilot sobre um elemento ou regra de estilo, clique no botão Copilot junto ao mesmo e, em seguida, faça perguntas de seguimento.

Esta experimentação não está disponível quando a Barra Lateral está desativada.

Consulte também:

• Inspecionar, editar e depurar HTML e CSS com a ferramenta Elementos

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Ativar o suporte da extensão do servidor de símbolos

Se esta caixa de verificação estiver selecionada, a extensão de Teste da Extensão do Servidor de Símbolos do Edge DevTools é suportada, proporcionando a nova experiência para o Servidor de Símbolos numa extensão. Esta extensão ainda está em beta/teste.

Se esta caixa de verificação estiver desmarcada, utilize a página Servidor de Símbolos de Definiçõesde DevTools>.>

Consulte também:

• Depurar com segurança o código original publicando mapas de origem para o servidor de símbolos do Azure Artifacts
• Depurar com segurança o código original usando mapas de origem do servidor de símbolos do Azure Artifacts

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação não está presente no Microsoft Edge Stable 151.

Pontos de interrupção de instrumentação

Se parar nos pontos de interrupção de teste. Esta experimentação torna os pontos de interrupção mais fiáveis.

Consulte também:

• Ativar a sincronização em pontos de interrupção de instrumentação
• Quando os ficheiros de origem são carregados pela primeira vez, os pontos de interrupção podem não ser acionados

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Suporte do JPEG XL

Quando esta caixa de verificação está selecionada, a ferramenta de Composição tem uma caixa de verificação Desativar formato de imagem JPEG XL .

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Log DevTools uncaught exceptions to Console

Controla se pretende registar exceções de DevTools não identificadas na ferramenta Consola .

Consulte também:

• Visão geral do console

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Arquivos de código aberto em Visual Studio Code

A experimentação Ficheiros open source no Visual Studio Code substitui o editor de código da ferramenta Origens por Visual Studio Code, para editar ficheiros locais. Quando ativa esta experimentação, as Ferramentas de Programação detetam quando edita um ficheiro local e pede-lhe para selecionar uma pasta a utilizar como área de trabalho.

Quando seleciona uma pasta a utilizar como área de trabalho, selecionar qualquer ligação para um ficheiro no DevTools abre o ficheiro no Visual Studio Code. Em versões anteriores do Microsoft Edge, esta ação abriu o ficheiro no editor de código da ferramenta Origens em DevTools.

Todas as edições que fizer no DevTools alteram agora o ficheiro no disco rígido e sincronizam em direto com Visual Studio Code.

Consulte também:

• Abrir ficheiros de origem no Visual Studio Code - configurar a área de trabalho.

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Monitor de Protocolos

Disponibiliza a ferramenta de monitorização de protocolos em DevTools:

A ferramenta DevTools apresenta as mensagens enviadas e recebidas pelas DevTools para depurar a página inspecionada. A DevTools comunica com a página inspecionada através do Protocolo CDP (Chrome DevTools Protocol).

Para selecionar esta caixa de verificação e, em seguida, abrir a ferramenta Monitor de protocolo :

1. Selecione esta caixa de verificação Monitor de Protocolos conforme descrito em Ativar ou desativar uma experimentação acima.

2. Na Vista Rápida na parte inferior de DevTools, clique no botão Mais ferramentas (+) e, em seguida, selecione Monitor de protocolo.

   Em alternativa, abra o Menu de Comandos, como premir Ctrl+Shift+P (Windows/Linux) ou Comando+Shift+P (macOS) e, em seguida, escreva protocolo na caixa de texto. Em seguida, selecione Mostrar Monitor de protocolo.

   A ferramenta DevTools é apresentada no painel Vista Rápida na parte inferior de DevTools.

Consulte também:

• Utilizar o Protocolo CDP (Chrome DevTools Protocol) em aplicações WebView2
• [Experimental] Monitor de protocolo em Novidades nas DevTools (Chrome 92).

Status:

• Esta caixa de verificação está presente no Microsoft Edge Canary 153.
• Esta caixa de verificação está presente no Microsoft Edge Stable 151.

Consulte também

• Notas de versão da plataforma Web do Microsoft Edge