Compartilhar via

Funcionalidades experimentais no Microsoft Edge DevTools

  • Artigo

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

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

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 main, 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 main, 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 main, 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 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.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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

Pode utilizar o tipo de letra visual Editor para editar tipos de letra. Utilize-o para definir tipos de letra e características do tipo de letra. O tipo de letra visual 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 tipo de letra visual 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 main, 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 tipo de letra Editor.

    O painel de Editor do tipo de letra do elemento visual está realçado

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

Consulte também:

Status:

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

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

Ativa funcionalidades experimentais de cookies.

Consulte também:

Status:

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

Preterir a ferramenta de criação de comprimento> CSS <no separador Estilos

Não aplicável ao Microsoft Edge. Selecionar ou desmarcar esta caixa de verificação não tem qualquer efeito.

Status:

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

Sincronizar alterações de CSS no separador 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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

Realçar propriedades importantes do DOM no separador Propriedades

novo a partir do Microsoft Edge 105

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 star 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 main.

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 não está presente no Microsoft Edge Canary 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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

novo a partir do Microsoft Edge 114, 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 não está presente no Microsoft Edge Canary 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • 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

novo a partir do Microsoft Edge 124

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

Painel de desempenho: ativar a página de destino de métricas dinâmicas

novo a partir do Microsoft Edge 127

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

Painel de desempenho: ativar temporizações do servidor no linha do tempo

novo a partir do Microsoft Edge Stable 129

Mostra uma monitorização de Temporizações do Servidor na secção Principal da ferramenta Desempenho para apresentar eventos de temporização do servidor enviados pelo servidor HTTP. Para saber mais, veja Temporização do servidor no MDN Web Docs.

Consulte também:

Status:

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

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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
  • Aplicativos 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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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.

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 Visual Studio Code.

Consulte também:

Status:

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

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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.

Ícone copilot na ferramenta Elementos

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

Consulte também:

Status:

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

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

Amostragem de linha do tempo de perfis de área dinâmica para dados

Controla se pretende mostrar o gerador de perfis de área dinâmica para dados de amostragem linha do tempo na ferramenta Desempenho.

Consulte também:

Status:

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

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 upstream Chromium. 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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 upstream Chromium.

Status:

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

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

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 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

Painel Ativar cargas especulativas no Painel de aplicações

novo a partir do Microsoft Edge 121

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 não está presente no Microsoft Edge Canary 131.
  • Esta caixa de verificação está presente no Microsoft Edge Stable 129.

Painel de desempenho: ativar anotações

novo a partir do Microsoft Edge Canary 129

Ativa anotações na ferramenta Desempenho.

Consulte também:

Status:

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

Painel de desempenho: ativar as informações de desempenho

novo a partir do Microsoft Edge Stable 129

Na ferramenta Desempenho , adiciona o separador barra lateral Informações ao visualizar um perfil de desempenho gravado. O separador da barra lateral Informações fornece informações úteis sobre o perfil, tais como as várias fases do Contentful Paint maiores e a lista de pedidos de bloqueio de Composição.

Consulte também:

Status:

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

Painel de desempenho: ativar a nova vista de detalhes de resumo para eventos de mudança de esquema

novo a partir do Microsoft Edge Canary 131

Mostra uma faixa de turnos de Esquema na secção Principal da ferramenta Desempenho ao visualizar um perfil gravado. A faixa Desativação de Esquema apresenta informações sobre quando ocorrem turnos de esquema e sobre os elementos que são movidos. Mudanças de esquema inesperadas podem afetar negativamente a experiência do utilizador numa página Web.

Consulte também:

Status:

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