Partilhar via


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.

Experimentações que estão ativadas por predefinição

As seguintes funcionalidades experimentais estão ativadas por predefinição. Pode utilizar estas funcionalidades imediatamente, sem alterar as definições. Pode desativar estas funcionalidades experimentais predefinidas, se necessário.

Ativado por predefinição no Microsoft Edge Canary 128:

Ativado por predefinição no Microsoft Edge Stable 125:

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 (personalizar e controlar DevTools) e, em seguida, clique no botão Definições (ícone Definições). Em alternativa, prima Shift+?.

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

    A página Experiments (Experimentações) em Settings (Definiçõ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 (o ícone Fechar nas Definições de DevTools>) 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 (ícone 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 (o ícone Fechar nas Definições de DevTools>).

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 (ícone 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 Filtrar e introduza texto, como a linha cronológica. À 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.

Permitir que as extensões carreguem folhas de estilo personalizadas

Alguns Suplementos do Microsoft Edge podem definir temas de cor personalizados para DevTools. Se instalar um suplemento que defina um tema de cor personalizado para DevTools, terá de ativar a experimentação Permitir que as extensões carreguem folhas de estilo personalizadas para ver os temas do suplemento.

Consulte também:

Status:

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

Capturar pilhas de criação de nós

Para capturar rastreios de pilha javaScript quando os nós DOM são adicionados ao DOM no runtime, ative esta experimentação. Esta experimentação adiciona o separador Rastreio de Pilha na ferramenta Elementos , agrupado com o separador Estilos :

O separador Rastreio de Pilha na ferramenta Elementos

Depois de ativar a experimentação, pode testá-la da seguinte forma:

  1. Numa nova janela ou separador, abra uma página Web que cria nós DOM dinamicamente através de JavaScript, como a aplicação de demonstração TODO.
  2. Na página de demonstração composta, crie um novo item de tarefa.
  3. Na página de demonstração composta, clique com o botão direito do rato no novo item de tarefa e, em seguida, selecione Inspecionar. O DevTools é aberto e mostra a ferramenta Elementos .
  4. Clique no separador Rastreio de Pilha , que está agrupado com o separador Estilos .

Consulte também:

Status:

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

Monitor de Protocolos

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

A ferramenta

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:

Status:

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

Mostrar a opção para expor os internos em instantâneos de área dinâmica para dados

novo a partir do Microsoft Edge 105

Se pretende apresentar uma caixa de verificação para expor internos em instantâneos de área dinâmica para dados na ferramenta Memória .

Consulte também:

Status:

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

Em instantâneos de área dinâmica para dados, trate o tamanho do arquivo de cópias de segurança como parte do objeto que contém

novo a partir do Microsoft Edge 124

Configura a coluna Tamanho Raso na ferramenta Memória para comunicar o tamanho total dos objetos, incluindo o tamanho do arquivo de suporte do objeto. Se esta experimentação estiver ativada, quando tirar um novo instantâneo de área dinâmica para dados, a coluna Tamanho Raso inclui agora o tamanho total dos objetos:

A coluna Tamanho Raso de um instantâneo de área dinâmica para dados

Por predefinição, a coluna Tamanho Raso na ferramenta Memória inclui apenas o tamanho do próprio objeto. O tamanho raso é o tamanho da área dinâmica para dados JavaScript que é mantida diretamente por um objeto. O tamanho raso de um objeto é geralmente pequeno, porque um objeto JavaScript armazena frequentemente apenas a descrição do objeto, não os valores, na memória direta do objeto. A maioria dos objetos JavaScript armazena os respetivos valores num arquivo de apoio que está noutro local na área dinâmica para dados javaScript e expõe apenas um pequeno objeto de wrapper na parte da área dinâmica para dados JavaScript que pertence diretamente ao objeto. Por exemplo, as instâncias de JavaScript Array armazenam os conteúdos da matriz num arquivo de apoio, que é uma localização de memória separada que não está incluída no tamanho raso da matriz.

Consulte também:

Status:

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

Desativar marcadores de avanço temporariamente

novo a partir do Microsoft Edge 122

Desativa temporariamente os marcadores de avanço na ferramenta Origens . Os marcadores de avanço são as linhas verticais que indicam o nível de avanço do código:

A ferramenta Origens, a mostrar marcadores de avanço

Consulte também:

Status:

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

Resolver nomes de variáveis em expressões com mapas de origem

Utiliza mapas de origem para mapear automaticamente nomes de variáveis originais para nomes de variáveis minimizados ao avaliar expressões.

Esta caixa de verificação afeta a Consolae o separador Da Barra Lateral do Relógio na ferramenta Origens .

Consulte também:

Status:

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

Definir todos os pontos de interrupção ansiosamente no arranque

Define todos os pontos de interrupção possíveis definidos no arranque.

Consulte também:

Status:

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

Ativar o novo Algoritmo de Contraste Perceptual Avançado (APCA) ao substituir a proporção de contraste anterior e as diretrizes AA/AAA

O APCA (Algoritmo Avançado de Percepção de Contraste) substitui as diretrizes AA/AAA de índice de contraste no Seletor de Cores. O Seletor de Cores é usado na guia Estilos na ferramenta Elementos.

O APCA é uma nova maneira de calcular o contraste. Ele se baseia na pesquisa moderna sobre a percepção de cores. Comparada com as diretrizes de AA/AAA, a APCA depende mais do contexto. O contraste é calculado com base nas seguintes propriedades do texto, cor e contexto.

  • Propriedades da fonte do texto que incluem a peso e o tamanho da fonte.
  • Propriedades da cor que incluem o contraste percebido entre o texto e o plano de fundo.
  • Propriedades do contexto que incluem luz ambiente, arredores e objetivo pretendido.

Consulte também:

Status:

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

Ativar a vista de árvore de acessibilidade completa no painel Elementos

Adiciona um botão Mudar para a Vista de Árvore de Acessibilidade na ferramenta Elementos que alterna entre a árvore DOM e a árvore de acessibilidade. A etiqueta do botão alterna para Mudar para a vista árvore DOM.

Se esta caixa de verificação Experimentação estiver desmarcada, a ferramenta Elementos não tem o botão:

A ferramenta Elementos sem o botão

Se esta caixa de verificação Experimentação estiver selecionada, a ferramenta Elementos tem o botão:

A ferramenta Elementos com o botão

A vista Árvore de Acessibilidade na ferramenta Elementos :

A vista Árvore de Acessibilidade na ferramenta Elementos

Consulte também:

Status:

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

Ativar o novo editor de tipos de letra no Painel de Estilos

Pode utilizar o Visual Font Editor para editar tipos de letra. Utilize-o para definir tipos de letra e características do tipo de letra. O Visual Font Editor ajuda-o a fazer o seguinte:

  • Alternar entre unidades para propriedades de fonte diferentes
  • Alternar entre palavras-chave para propriedades de fonte diferentes
  • Converter unidades
  • Gerar código CSS preciso

Para utilizar o Visual Font Editor:

  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, selecione o separador Elementos . Se o separador Elementos não estiver visível, clique no botão Mais separadores (ícone Mais separadores) ou, em alternativa, no botão Mais Ferramentas (ícone Mais Ferramentas).

  3. No separador Estilos , selecione o ícone Editor de Tipos de Letra .

    O painel Visual Font Editor está realçado

Alguns canais do browser têm a etiqueta de caixa de verificação Ativar nova ferramenta Editor de Tipos de Letra no painel Estilos.

Consulte também:

Status:

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

Ative a nova ferramenta Editor de Tipos de Letra no Painel de Estilos.

Esta é a etiqueta da caixa de verificação no Edge Stable 125.

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Ativar relatórios de problemas de contraste automático através do painel Problemas

Ativa o relatório de problemas de contraste automático na ferramenta Problemas .

Consulte também:

Status:

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

Ativa funcionalidades experimentais de cookies.

Consulte também:

Status:

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

Sincronizar alterações de CSS no painel Estilos

Se pretende sincronizar alterações de CSS no separador Estilos na ferramenta Elementos .

Consulte também:

Status:

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

Realça um nó ou atributo em violação na árvore DOM do painel Elementos

novo a partir do Microsoft Edge 106

Realça um nó ou atributo em violação na árvore DOM da ferramenta Elementos .

Consulte também:

Status:

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

Agrupar origens em árvores criadas e implementadas

novo a partir do Microsoft Edge 104

Controla se pretende agrupar recursos em árvores Criadas e Implementadas separadas no separador Página da ferramenta Origens . Esta funcionalidade na ferramenta Origens permite-lhe agrupar ficheiros de origem em duas pastas, consoante estes sejam:

  • Ficheiros de origem originais (criados, ou seja, ficheiros com as suas edições locais).
  • Ficheiros de produção (ficheiros implementados que estão no servidor Web após compilar e agrupar os ficheiros de origem).

Consulte também:

Status:

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

Ocultar código ignorado na vista de árvore Origens

novo a partir do Microsoft Edge 106

Na vista de árvore da ferramenta Origens , omite o código incluído na lista Ignorar.

Consulte também:

Status:

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

Realçar propriedades importantes do DOM no separador Propriedades

nova etiqueta de caixa de verificação a partir do Microsoft Edge 128

Selecionar esta caixa de verificação faz com que as propriedades do DOM importantes sejam realçadas no separador Propriedades em ferramentas como a ferramenta Elementos , para o elemento de árvore DOM atualmente selecionado. Esta nova experimentação torna as principais propriedades mais fáceis de ver. Algumas propriedades aparecem a negrito e outras aparecem a negrito e têm um ícone de estrela junto às mesmas.

Este realce é útil porque, em JavaScript, os objetos herdam de objetos principais, que por si só herdam de outros predecessores, o que, por vezes, equivale a centenas de propriedades. Esta experimentação ajuda-o a encontrar as propriedades principais.

O visualizador de Propriedades do Objeto está em várias ferramentas, incluindo Elementos, Origens, Consola e Rede. Fornece uma vista de árvore das propriedades dos objetos.

Na ferramenta Elementos

Para ver o visualizador propriedades do objeto na ferramenta Elementos :

  1. Clique com o botão direito do rato num item numa página Web e, em seguida, selecione Inspecionar. O DevTools é aberto, com o elemento de página selecionado na árvore DOM da ferramenta Elementos .

  2. Na ferramenta Elementos , selecione o separador Propriedades , que está agrupado com o separador Estilos .

    O separador Propriedades contém a lista de propriedades do elemento selecionado.

Consulte também:

Na ferramenta Origens

Para ver o visualizador de Propriedades do Objeto na ferramenta Origens :

  1. Abra um .js ficheiro.

  2. Defina um ponto de interrupção numa linha de código no .js ficheiro.

  3. Coloque o depurador nessa linha em pausa ao executar o código na página Web.

    As propriedades do objeto são apresentadas na secção Âmbito na barra lateral direita. Veja Ver e editar propriedades e variáveis nas funcionalidades de depuração do JavaScript.

Consulte também:

Status:

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

Realçar propriedades importantes do DOM no visualizador de Propriedades do Objeto

novo a partir do Microsoft Edge 105

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Ativar seletor de página em segundo plano (para pré-geração)

nova etiqueta para caixa de verificação a partir do Microsoft Edge 128

Ativa o seletor de páginas em segundo plano, como para depuração pré-gerada.

Consulte também:

Status:

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

Ativar o seletor de páginas em segundo plano (por exemplo, para depuração prerender)

novo a partir do Microsoft Edge 114

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Redesenhar a barra de filtros no painel Rede

novo a partir do Microsoft Edge 120

Na ferramenta Rede , a barra de filtro foi redesenhada:

  • Os botões são substituídos por uma lista pendente Tipos de pedido .
  • As caixas de verificação são substituídas por uma lista pendente Mais filtros .

Barra de filtro com esta caixa de verificação desmarcada:

Barra de filtro com esta caixa de verificação desmarcada

Barra de filtro com esta caixa de verificação selecionada:

Barra de filtro com esta caixa de verificação selecionada

Consulte também:

Status:

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

Painel de preenchimento automático

novo a partir do Microsoft Edge 125

Adiciona uma ferramenta de Preenchimento Automático às DevTools para registar vários eventos que o browser aciona quando um utilizador está a preencher um formulário através da funcionalidade de preenchimento automático do browser. Por exemplo, quando o browser memorizar o seu endereço e o preencher automaticamente num campo de endereço.

A ferramenta de Preenchimento Automático

Consulte também:

Status:

  • Esta caixa de verificação está presente no Microsoft Edge Canary 128.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 123, como a vista Ativar Preenchimento Automático.

Painel de desempenho: mostrar fluxos de distribuição e processamento pós-envio

Esta experimentação melhora a secção Principal da Ferramenta de desempenho para ajudá-lo a identificar postMessage rapidamente os eventos e processadores, ao distinguir eventos que são acionados postMessage pelo método de outros eventos que são apresentados na ferramenta Desempenho. Esta experimentação ajuda-o a investigar problemas de desempenho relacionados com a publicação de mensagens em vários threads de uma aplicação, para ver mensagens entre janelas, iframes e trabalhadores dedicados.

Sem esta experimentação, os eventos que são acionados através da distribuição e processamento de mensagens entre threads de uma aplicação aparecem como eventos genéricos de chamada de função de scripting. Com esta experimentação ativada:

  • postMessage os eventos de distribuição são apresentados como Schedule postMessage.
  • postMessage os eventos do processador são apresentados como Na Mensagem:

Eventos

Esta experimentação ajuda-o a investigar quando ocorreu uma postMessage chamada e durante quanto tempo a mensagem foi colocada em fila antes de o postMessage processador começar. Os eventos de distribuição estão ligados a eventos do processador por setas do iniciador que são apresentadas quando clica em qualquer um dos tipos de evento:

Setas que ligam eventos de distribuição a eventos de processador

Consulte também:

Status:

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

Linha cronológica: Mostrar fluxos de envio e processamento pós-envio

novo a partir do Microsoft Edge 124

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Ativar a gravação e carregamento de rastreios com modificações no painel Desempenho

nova etiqueta para caixa de verificação a partir do Microsoft Edge 128

Adiciona a capacidade de manter as seguintes alterações efetuadas aos ficheiros de rastreio na ferramenta Desempenho e voltar a aplicá-los ao importar rastreios:

  • Alterações efetuadas com os trilhos. Esta funcionalidade permite-lhe recortar e focar-se nas partes mais relevantes de um rastreio. Veja Trilhos na Linha Cronológica em Novidades nas DevTools (Chrome 122).

  • Alterações feitas ao clicar com o botão direito do rato numa faixa. Esta funcionalidade permite-lhe intercalar e ocultar entradas supérfluas ou irrelevantes de um rastreio, limpando os gráficos de chamas e as árvores. Consulte Ocultar funções e os respetivos filhos no gráfico de chama em Novidades no DevTools (Chrome 124).

Consulte também:

Status:

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

Ativar o rastreio de guardar e carregar com anotações no Painel de Desempenho

novo a partir do Microsoft Edge 125

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Ativar a nova página de destino do Painel de desempenho, que inclui métricas dinâmicas e dados de campo

novo a partir do Microsoft Edge 128

Na ferramenta Desempenho , adiciona uma página de destino que é apresentada quando ainda não foram registados rastreios de desempenho. A página de destino apresenta métricas de desempenho sobre a página composta que são atualizadas em direto, tais como:

  • Maior Tinta Contentful (LCP)
  • Shift de Esquema Cumulativo (CLS)
  • Interação com o Next Paint (INP)

Consulte também:

Status:

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

Log DevTools uncaught exceptions to Console

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

Consulte também:

Status:

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

Enable webhint

Webhint é uma ferramenta de código aberto que fornece comentários em tempo real para sites e páginas da Web locais. O tipo de feedback fornecido pelo webhint inclui:

  • Acessibilidade
  • Compatibilidade entre browsers
  • Segurança
  • Desempenho
  • Aplicações Web Progressivas (PWAs)
  • Outros problemas comuns de desenvolvimento Web

A experimentação webhint apresenta feedback webhint na ferramenta Problemas . Selecione um problema para apresentar documentação sobre a solução e uma lista dos recursos afetados no seu site. Selecione uma ligação de recurso para abrir a ferramenta relevante, como Rede, Origens ou Elementos:

webhint feedback na ferramenta Problemas

Consulte também:

Status:

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

Mostrar problemas em Elementos

Apresenta erros de sintaxe como sublinhados ondulados em nós DOM na ferramenta Elementos .

Consulte também:

Status:

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

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 pelo 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.

Selecionar uma ligação de ficheiro na ferramenta Estilos abre o ficheiro no Visual Studio Code

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

Consulte também:

Status:

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

Ativar a limitação da CPU Adaptável

novo a partir do Microsoft Edge 114

Ativa a limitação da CPU adaptável.

Consulte também:

Status:

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

Ignorar Lista para frames JavaScript na Linha Cronológica

Se pretende incluir código que está na lista Ignorar em molduras JavaScript, na ferramenta Desempenho .

Consulte também:

Status:

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

Perfil de área dinâmica para dados

Controla se pretende atualizar em direto o perfil de área dinâmica para dados.

Consulte também:

Status:

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

Linha cronológica do gerador de perfis de área dinâmica para dados de amostragem

Controla se pretende mostrar a linha cronológica do gerador de dados de amostragem na ferramenta Desempenho .

Consulte também:

Status:

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

Painel desempenho: controlo de invalidação

Adiciona uma secção Invalidações para eventos Recalcular Estilo no separador Resumo da ferramenta Desempenho . A secção Invalidations (Invalidações ) fornece informações sobre a causa principal de um evento Recalcular Estilo , o que pode ser útil ao investigar eventos de Estilo Recalcular de execução prolongada que estão a causar problemas de desempenho.

A secção Invalidations (Invalidações ) lista os nós DOM que foram invalidados como resultado de uma alteração na página Web, como uma mutação DOM, e que o motor do browser teve de reestilocar durante o evento Recalcular Estilo .

Consulte também:

Status:

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

Linha cronológica: controlo de invalidação

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Painel de desempenho: mostrar todos os eventos

Controla se pretende mostrar todos os eventos na ferramenta Desempenho .

Consulte também:

Status:

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

Linha cronológica: mostrar todos os eventos

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Painel de desempenho: estatísticas de chamadas de runtime V8

Controla se pretende mostrar estatísticas de chamadas de runtime V8 na ferramenta Desempenho . V8 é o motor JavaScript utilizado pelo Microsoft Edge.

Consulte também:

Status:

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

Linha Cronológica: Estatísticas de Chamadas de Runtime V8 na Linha Cronológica

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Linha cronológica: ativar a funcionalidade de configuração de monitorização que pode reordenar ou ocultar uma faixa no gráfico de chama

novo a partir do Microsoft Edge 124

Ativa a funcionalidade de configuração de monitorização, que lhe permite escolher as faixas que estão visíveis na ferramenta Desempenho e a ordem pela qual são apresentadas:

setas para cima, setas para baixo e ícones de olhos na configuração do registo, na ferramenta Desempenho

Para configurar as faixas:

  1. Ative esta experimentação.
  2. Aceda a uma página Web numa nova janela ou separador, como https://microsoftedge.github.io/Demos/demo-to-do/.
  3. Na ferramenta Desempenho , clique no botão Gravar no canto superior esquerdo para iniciar uma nova gravação de desempenho.
  4. Interagir com a página Web; por exemplo, adicione uma nova tarefa na demonstração Todo.
  5. Pare a gravação.
  6. Na ferramenta Desempenho , paire o cursor sobre uma faixa, como Rede, Interações ou Principal. O botão Monitorizar configuração (ícone da caneta) é apresentado à esquerda da faixa pairada.
  7. Clique no botão Controlar configuração (ícone da caneta). O ecrã de configuração do registo é aberto.
  8. No ecrã de configuração do registo , para alterar a ordem das faixas, clique num ícone de seta para cima ou ícone de seta para baixo. Em alternativa, para mostrar ou ocultar uma faixa, clique no ícone de olho numa faixa para a alternar.
  9. Para confirmar a nova configuração do registo, clique no ícone de marca de verificação à direita de uma faixa. A gravação de desempenho é apresentada, com a nova configuração de faixa.

Consulte também:

Status:

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

Painel de desempenho: ativar extensões baseadas em temporizações do utilizador

nova etiqueta para caixa de verificação a partir do Microsoft Edge 128

Ativa extensões que personalizam o aspeto dos eventos de temporização do utilizador na ferramenta Desempenho .

Consulte também:

Status:

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

Linha Cronológica: Ativar extensões baseadas em Temporizações do Utilizador

novo a partir do Microsoft Edge 125

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Painel de desempenho: Ativar a recolha de rastreios melhorados

novo a partir do Microsoft Edge 128

Esta experimentação faz com que a Ferramenta de desempenho capture rastreios adicionados recentemente, para suportar rastreios melhorados v2. Esta funcionalidade está a ser implementada no projeto Chromium a montante. Esta experimentação não afeta as capacidades do Microsoft Edge para capturar rastreios melhorados e não afeta a experiência do utilizador de DevTools.

Status:

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

Consulte também:

Painel de desempenho: Ativar a recolha de texto de origem para script compilado

novo a partir do Microsoft Edge 128

Na ferramenta Desempenho , ao exportar o ficheiro de rastreio, armazena o código fonte dos scripts compilados no ficheiro de rastreio.

Esta experimentação faz com que a Ferramenta de desempenho registe o texto de origem do script em rastreios. Esta funcionalidade está a ser implementada no projeto Chromium a montante.

Status:

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

Consulte também:

Painel de desempenho: Ativar o modo de depuração (detalhes do evento de rastreio, etc.)

novo a partir do Microsoft Edge 128

Adiciona uma secção Evento de Rastreio ao separador Resumo da ferramenta Desempenho . A secção Evento de Rastreio é apresentada quando seleciona um evento num rastreio de desempenho registado. A secção Evento de Rastreio apresenta informações de depuração sobre o evento de rastreio selecionado, como o respetivo nome e duração.

Status:

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

Consulte também:

Ativar 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:

Status:

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

Utilizar informações de âmbito de mapas de origem

novo a partir do Microsoft Edge 118

Se pretende utilizar informações de âmbito de mapas de origem.

Consulte também:

Status:

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

Painel Ativar cargas especulativas no Painel de aplicações

nova etiqueta para caixa de verificação a partir do Microsoft Edge 128

Adiciona uma página Carregamentos especulativos na secção Serviços em segundo plano da ferramenta Aplicação , incluindo uma página Regras e uma página Especulações :

A página Cargas Especulativas na ferramenta Aplicação

A API de Regras de Especulação pode ser utilizada para indicar programaticamente ao Microsoft Edge para pré-compor determinadas páginas. Isto é útil porque as páginas pré-compostas são quase instantâneas para navegar. O browser pré-compõe, de forma oculta, as páginas seguintes para as quais é provável que um utilizador navegue, enquanto o utilizador ainda está na página atual.

A página Carregamentos especulativos lista as regras de especulação que o autor da Web definiu na página Web. A página fornece informações de depuração que mostram se uma regra foi realmente utilizada, mostrando se uma determinada página foi pré-composta.

A página Regras tem colunas:

  • Conjunto de regras
  • Status

A página Especulações tem colunas:

  • URL
  • Ação
  • Conjunto de regras
  • Status

Consulte também:

Status:

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

Ativar Painel de Cargas Especulativas no painel Aplicações

novo a partir do Microsoft Edge 121

Veja a secção acima que mostra a etiqueta mais recente da caixa de verificação.

Ativar a Árvore de Registos de Armazenamento no painel Aplicação

novo a partir do Microsoft Edge 118

Se pretende ativar a Árvore de Registos de Armazenamento na ferramenta Aplicação .

Consulte também:

Status:

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

Ative a barra lateral experimental WIP para o Painel de Desempenho.

novo a partir do Microsoft Edge 128

Ativa a barra lateral na ferramenta Desempenho . A barra lateral é um trabalho experimental em curso (WIP).

Status:

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