Notas de versão da plataforma Web do Microsoft Edge 156 (22 de outubro de 2026)

A seguir estão os novos recursos e atualizações da plataforma Web no Microsoft Edge 156, que será lançado em 22 de outubro de 2026.

Para se manter atualizado e obter os recursos mais recentes da plataforma Web, baixe um canal de visualização do Microsoft Edge (Beta, Dev ou Canary); vá para Torne-se um Microsoft Edge Insider.

Conteúdo detalhado:

Microsoft Edge DevTools

Veja as novidades do Microsoft Edge DevTools.

WebView2

Confira:

Recursos CSS

Os novos recursos de CSS (folhas de estilos em cascata) a seguir estão incluídos no Microsoft Edge.

Ao usar a API View Transitions, use a :navigation-source pseudo-classe para estilizar o elemento que iniciou a navegação, como um link, botão ou formulário.

A :navigation-source pseudo-classe CSS se aplica ao elemento que iniciou a navegação durante todo o processo de navegação.

Veja também:

função random()

A random() função CSS traz aleatoriedade generativa para CSS, permitindo que você gere um valor numérico aleatório dentro de um intervalo especificado.

Por exemplo, você pode usar random() para espalhar elementos aleatoriamente dentro de seu contêiner:

.dot {
  /* Position each dot randomly */
  position: absolute;
  top: random(0%, 100%);
  left: random(0%, 100%);
}

Por padrão, cada chamada para a random() função é resolvida como um valor novo e distinto. Você pode substituir esse comportamento padrão passando um valor inicial como o primeiro parâmetro da função, para controlar como os valores aleatórios são compartilhados entre propriedades e elementos.

Veja também:

text-decoration-inset de propriedade

A text-decoration-inset propriedade CSS controla a distância em sublinhados, sobrelinhas e decorações de linha que passam por eles ou se estendem além das bordas inicial e final do texto de um elemento.

text-decoration-inset Dá suporte aos seguintes tipos de valores:

  • auto, que permite ao navegador determinar a inserção apropriada com base no texto do elemento e no contexto circundante.
  • Um valor de comprimento, como 20px.
  • Um valor percentual, como 10%.
  • Um ou dois valores. O primeiro valor define o deslocamento inicial. O segundo valor, se especificado, define o deslocamento final.

Veja também:

Descritores opcionais em @property regras

Em uma @property regra, você pode omitir o syntax, inherits, ou initial-value descritores. Os valores padrão possibilitam a remoção do código clichê.

Os descritores omitidos têm como padrão os seguintes valores:

  • syntax O padrão é * (a sintaxe universal).
  • inherits O padrão é true.
  • initial-value O padrão é initial-value, que é garantido como inválido. Esse padrão permite que propriedades digitadas usem a var() função com um valor de fallback.

Os padrões acima também funcionam ao registrar uma propriedade personalizada do JavaScript, usando CSS.registerProperty().

Veja também:

Contêineres de rolagem de eixo único

A overflow propriedade CSS agora dá suporte à configuração de um valor rolável, como scroll, junto com um segundo valor, clip. Por exemplo: overflow: scroll clip;

A configuração overflow: scroll clip permite que um elemento seja position: sticky restringido por diferentes contêineres de rolagem por eixo. Por exemplo, use isso para criar uma tabela que mantenha os cabeçalhos da coluna e da linha à vista, enquanto o usuário rola pelo conteúdo.

Anteriormente, a propriedade não fornecia overflow uma maneira de tornar um contêiner de rolagem responsável por apenas um único eixo. Isso afetou recursos que dependem de contêineres de rolagem, como elementos com position: sticky.

Veja também:

scroll-snap-type: pair Para ajustar a um único elemento

A scroll-snap-type propriedade CSS agora dá suporte ao pair valor.

.scroller {
  scroll-snap-type: pair mandatory;
}

O pair valor trata o ajuste de rolagem ao longo dos eixos x e y como um par. Em vez de escolher independentemente um destino de ajuste ao longo do eixo x e um destino de ajuste ao longo do eixo y, o ajuste seleciona um único elemento em ambos os eixos.

Veja também:

APIs da Web

Os novos recursos da API Web a seguir estão incluídos no Microsoft Edge.

As importações de módulo com falha podem ser repetidas

Agora você pode tentar novamente importações de módulo com falha, por exemplo, após uma falha de rede.

Anteriormente, uma falha ao importar um módulo era armazenada em cache e tentar importar novamente o mesmo módulo retornava a mesma falha.

O comportamento de carregamento do módulo agora permite que as importações de módulo com falha sejam repetidas manualmente. Isso inclui:

  • Importações dinâmicas, usando a import() função.
  • Inserir dinamicamente um <script src="..." type="module"> elemento.
  • Qualquer importação estática, usando a import instrução, quando presente em qualquer um dos contextos acima.

Veja também:

Transporte de dicionário de compactação Atualizações

Ao buscar um dicionário de compactação por meio de um <link rel="compression-dictionary"> elemento, agora o Microsoft Edge:

  • Usa compression-dictionary como um destino de solicitação.
  • Define corretamente os valores da solicitação mode, credentials, referrer, e referrerpolicy.
  • Leva em consideração os crossorigin atributos and referrer definidos no <link rel="compression-dictionary"> elemento.

Veja também:

IndexedDB: back-end SQLite

Para novos armazenamentos de dados, o Microsoft Edge agora usa o SQLite em vez da API IndexedDB, como o mecanismo de armazenamento subjacente no back-end.

A própria API IndexedDB permanece inalterada; Somente o mecanismo de armazenamento subjacente foi alterado.

Espera-se que essa alteração melhore a confiabilidade e o desempenho dos sites que usam a API IndexedDB.

Em uma fase futura, os armazenamentos de dados existentes serão migrados do uso de armazenamentos LevelDB para armazenamentos SQLite.

Veja também:

WebGPU: profundidade do fragmento

No WGSL, agora você pode fornecer um less modificador ou greater para .@builtin(frag_depth)

Anteriormente, @builtin(frag_depth) poderia afetar negativamente o desempenho, devido à desabilitação das otimizações de Z antecipado em uma chamada de desenho.

Os novos modificadores permitem definir explicitamente o modo de buffer e permitem que as otimizações do início do Z sejam aplicadas.

Veja também:

API de log de diagnóstico WebRTC

A API de Log de Diagnóstico WebRTC permite disparar a coleta de dados de diagnóstico WebRTC, para que os dados possam ser usados para depuração local.

Se o usuário autorizar o compartilhamento dos dados de diagnóstico com o fornecedor do navegador, a API permitirá esse compartilhamento. Isso fornece informações que podem ajudar a corrigir bugs no navegador ou melhorar o navegador.

Os aplicativos WebRTC geralmente encontram problemas complexos de conectividade ou qualidade de mídia que são difíceis de reproduzir em ambientes locais. A API de log de diagnóstico WebRTC pode ajudar a depurar esses problemas.

Veja também:

WebTransport headers e responseHeaders

Ao chamar o WebTransport() construtor, a headers opção permite que você passe cabeçalhos de solicitação HTTP personalizados para o servidor durante o handshake inicial CONNECT .

A responseHeaders propriedade na instância do WebTransport objeto permite inspecionar os cabeçalhos de resposta HTTP enviados pelo servidor após o handshake inicial CONNECT .

Essas adições à API WebTransport permitem que você:

  • Forneça metadados, tokens de autenticação e parâmetros personalizados durante o handshake inicial CONNECT .
  • Acessar cabeçalhos fornecidos pelo servidor, depois que a conexão for estabelecida.

Essa alteração aborda várias limitações técnicas na autenticação, roteamento e negociação de recursos.

Sem cabeçalhos personalizados, você deve:

  • Transmita tokens de autenticação em cadeias de caracteres de consulta de URL, o que expõe credenciais em logs de servidor e telemetria.
  • Autentique em um fluxo de dados inicial, o que adiciona uma viagem de ida e volta adicional antes que a conexão seja utilizável.

Além disso, gateways de API e proxies reversos normalmente inspecionam cabeçalhos HTTP na camada CONNECT. Sem cabeçalhos personalizados, esses intermediários não podem autorizar ou rotear sessões WebTransport por meio de pipelines existentes, forçando os servidores a aceitar conexões antes de verificar as credenciais.

Veja também:

Avaliações de origem

A seguir estão as avaliações de origem para novas APIs experimentais que estão disponíveis no Microsoft Edge.

As avaliações de origem permitem que você experimente APIs experimentais em seu próprio site ativo por tempo limitado. Para saber mais sobre avaliações de origem, consulte Usar avaliações de origem no Microsoft Edge.

Para obter a lista completa de avaliações de origem disponíveis, consulte Avaliações de origem do Microsoft Edge.

Nome Descrição Registrar
API de Desempenho de CPU Exibe informações sobre os recursos do dispositivo do usuário, para uso com a API de pressão de computação. Registrar
HTML na tela Permite renderizar HTML em uma tela usando novos métodos de desenho e o paint evento. Registrar
<usermedia> elemento HTML Um elemento HTML controlado pelo navegador para solicitar acesso à câmera ou ao microfone, substituindo as solicitações de permissão baseadas em JavaScript. Registrar
Descritores Personalizados WebAssembly V2 Armazena dados associados a tipos de nível de origem com mais eficiência, em objetos descritores personalizados. Registrar
PrefetchAndPrerenderActivationBeacon Permite que o Edge relate de forma confiável um beacon de ativação quando uma página de pré-busca ou pré-renderização é ativada. Registrar
Canal de Dados WebRTC: Protocolo de aceleração de negociação SCTP (SNAP) O SNAP reduz a latência de inicialização do canal de dados WebRTC incorporando parâmetros de configuração de conexão SCTP na troca de oferta/resposta SDP. Como o WebRTC já usa DTLS para estabelecer um canal seguro, o handshake SCTP separado pode ser evitado, economizando até duas viagens de ida e volta da rede e permitindo o estabelecimento mais rápido do canal de dados. Registrar
Evento de entrada bruta do gamepad Em vez de depender de pesquisas freqüentes por meio navigator.getGamepads()de , as páginas da Web podem escutar gamepadrawinputchanged eventos. Esses eventos são acionados sempre que são detectadas alterações entre quadros de entrada do mesmo dispositivo. Registrar
Controlar a heurística do visor na API de regras de especulação Permite controlar a heurística do visor que é usada pelas regras de especulação, para determinar se diferentes parâmetros heurísticos fornecem resultados melhores do que os padrão. Registrar
Evento de preenchimento automático Detecta quando o preenchimento automático do navegador atualiza os controles de formulário, para adaptar a interface do usuário personalizada e a validação. Registrar
Medição de carga especulativa performance.speculations Exibe dados sobre pré-carregamentos, pré-buscas e pré-renderizações usados e não usados. Isso ajuda a medir a eficácia das estratégias de carregamento especulativo e otimizar as compensações de desempenho versus custo. Registrar
Solicitar parâmetros de amostragem de API Os parâmetros de amostragem and temperature permitem otimizar o topK comportamento do modelo por sessão de modelo de linguagem. Registrar
prerender_until_script Ação da API de Regras de Especulação Uma ação da API Regras de Especulação que pré-renderiza uma página, mas muda para pré-busca quando um script é executado. Registrar
Marcadores de Self-Profiling JS Estende a API JS Self-Profiling com marcadores de amostra como script, gc, style, layout, e paint. Esses marcadores identificam a atividade que o navegador estava realizando no momento da captura. Registrar
Protocolo de verificação de Email Permite que os sites verifiquem a propriedade do email usando tokens criptográficos emitidos por provedores de email. Isso reduz a dependência de senhas de uso único (OTPs) de email e simplifica os fluxos de inscrição, entrada e recuperação. Registrar
API de Observador de Desempenho Declarativo Usa cabeçalhos de resposta HTTP para provar um sistema de telemetria gerenciado pelo navegador confiável que relata métricas de desempenho para o site, desde o início da navegação até o encerramento da página. Registrar
WebMCP Permite que seu site registre ferramentas para que um agente no navegador conclua tarefas em nome de um usuário. Registrar

Observação

Partes desta página são modificações baseadas no trabalho criado e compartilhado por Chromium.org e usadas de acordo com os termos descritos na Licença Creative Commons Atribuição 4.0 Internacional.

  • Última atualização em