Notas de versão da plataforma Web do Microsoft Edge 144 (janeiro de 2026)

A seguir estão os novos recursos e atualizações da plataforma Web no Microsoft Edge 144, que será lançado em 15 de janeiro 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 Novidades no DevTools (Microsoft Edge 144).

WebView2

Consulte o SDK de lançamento 1.0.3719.77, para Runtime 144 (27 de janeiro de 2026) em Notas de versão para o SDK do WebView2.

Recursos CSS

Abaixo estão os novos recursos de CSS (folhas de estilos em cascata) no Microsoft Edge.

O scrolled recurso para consultas de contêiner de estado de rolagem

O scrolled recurso para uma @container scroll-state() consulta possibilita estilizar elementos em contêineres roláveis com base na direção de rolagem mais recente do contêiner.

Por exemplo:

.scrolling-up {
  translate: 80px 0;
  transition: 0.4s translate;
}

html {
  container-type: scroll-state;
}

@container scroll-state(scrolled: top) {
  .scrolling-up {
    translate: 0 0;
  }
}

O scrolled recurso pode ser usado para implementar padrões de interface do usuário, como um cabeçalho que é ocultado automaticamente à medida que o usuário rola a página para baixo e reaparece à medida que rola para cima. O scrolled recurso fornece uma solução somente CSS para esses padrões de interface do usuário comuns.

Veja também:

Suporte CSS transform no posicionamento de âncora

Quando um elemento posicionado na âncora é amarrado a um elemento que é transformado, como usando a propriedade CSS transform , o elemento posicionado na âncora agora é posicionado corretamente em relação à caixa delimitadora da âncora transformada.

Isso possibilita a criação de efeitos de interface do usuário em que os elementos permanecem logicamente conectados, mesmo que um dos elementos esteja sendo transformado.

Veja também:

Suporte para overscroll-behavior rolagem no teclado e em contêineres não roláveis

Quando você define a propriedade CSS overscroll-behavior como um valor diferente de auto, o encadeamento de rolagem é impedido pelo navegador. Isso significa que, quando um usuário rola até o final de um contêiner de rolagem, a rolagem não se propaga para os contêineres de rolagem do ancestral.

Em versões anteriores do Microsoft Edge, isso só funcionava para rolagem com mouse ou toque. Essa alteração também faz com que a rolagem do teclado seja respeitada overscroll-behavior .

Além disso, overscroll-behavior agora se aplica a todos os elementos do contêiner de rolagem, independentemente de esses elementos terem conteúdo excedente ou serem roláveis pelo usuário. Por exemplo, agora você pode usar overscroll-behavior para evitar a propagação de rolagem em um overflow: hidden pano de fundo ou em um overflow: auto elemento, sem precisar considerar se o próprio elemento está transbordando.

Veja também:

Animações disparadas por rolagem

A timeline-trigger propriedade agora pode disparar animações CSS com base em uma posição de rolagem e pode controlar a reprodução dessas animações à medida que o usuário rola.

Esse recurso é útil para implementar padrões comuns em que as animações só são iniciadas quando uma posição de rolagem na página é alcançada. Anteriormente, os desenvolvedores costumavam fazer isso usando JavaScript para detectar que um elemento está dentro da janela de visualização de seu contêiner de rolagem. Usar a propriedade CSS timeline-trigger para disparar animações com base em uma posição de rolagem pode melhorar o desempenho e a confiabilidade.

Veja também:

Estilizar elementos SVG instanciados via <use>

As regras CSS que correspondem aos elementos SVG incorporados em um documento por meio do <use> elemento SVG agora correspondem corretamente aos elementos incorporados.

Anteriormente, as regras CSS correspondiam aos elementos SVG de origem em vez dos elementos instanciados via <use>.

Veja também:

Exibir método de transições waitUntil()

A ViewTransition.waitUntil() função permite usos mais avançados da API View Transitions. A função aceita uma Promise, que é usada para atrasar a destruição da pseudo-árvore usada para renderizar e animar a transição da exibição.

A API View Transitions constrói automaticamente essa subárvore de pseudoelemento para exibir e animar os elementos que participam de uma transição.

Normalmente:

  • Essa subárvore é construída quando a transição da vista começa a ser animada.
  • Essa subárvore é destruída quando as animações associadas a todos os pseudoelementos de transição de exibição estão no estado finalizado.

Esse comportamento normal funciona para a grande maioria dos casos. Em alguns casos, no entanto, você pode querer que a pseudo-árvore de transição de exibição persista além do estado final da animação. Por exemplo, se você amarrar uma transição de exibição com uma animação controlada por rolagem, não queremos que a subárvore seja destruída quando as animações terminarem, pois a rolagem para trás deve animar os pseudoelementos novamente.

Veja também:

caret-shape

A caret-shape propriedade CSS permite especificar a forma do cursor de inserção de texto.

Veja também:

Resultados da pesquisa de estilo

O ::search-text pseudoelemento permite estilizar as partes do texto que correspondem à consulta de pesquisa de um usuário quando o usuário pesquisa em uma página usando Ctrl+F ou Command+F.

O pseudo-elemento pode ser combinado com a :current pseudo-classe para estilizar o resultado da pesquisa atualmente destacado de forma diferente dos outros resultados da pesquisa.

Veja também:

APIs da Web

Abaixo estão os novos recursos da API Web no Microsoft Edge.

A API Temporal

A API temporal permite trabalhar com datas, horas, fusos horários e durações e é mais poderosa que a API de data.

Veja também:

O clipboardchange evento

O clipboardchange evento da navigator.clipboard API é acionado quando o usuário modifica o conteúdo da área de transferência de um aplicativo Web ou de qualquer outro aplicativo do sistema.

O clipboardchange evento permite que você reaja a alterações na área de transferência sem precisar ler o conteúdo da área de transferência em intervalos regulares de tempo (às vezes chamado de sondagem da área de transferência).

Veja também:

A variants propriedade acessadora de Intl.Locale

A variants propriedade accessor de uma Intl.Locale instância retorna as variantes de marca de idioma associadas a essa localidade, como uma cadeia de identificadores separados por caracteres de traço (hífen) (-).

Por exemplo, a variante ortográfica alemã 1901 é representada pela tag de idioma e pode ser acessada de-1901 da seguinte maneira:

const locale = new Intl.Locale('de-1901');
console.log(locale.variants); // "1901"

Veja também:

Espelhamento de operadores MathML no modo da direita para a esquerda

Ao renderizar operadores MathML no modo da direita para a esquerda, caracteres e glifos agora podem ser espelhados alterando-os para outro ponto de código.

Para caracteres, o espelhamento é definido pela propriedade do Bidi_Mirrored Unicode. Por exemplo, um parêntese direito (fechamento) torna-se um parêntese esquerdo (abertura).

Alguns operadores não têm um caractere espelhado apropriado. Nessa situação, o espelhamento no nível do glifo se aplica em vez disso. Usando o recurso de fonte, um glifo rtlm pode ser substituído por outro glifo.

Veja também:

Propriedade da API interactionCount de Desempenho

A nova performance.interactionCount propriedade retorna o número total de interações que ocorreram na página.

Esse recurso é útil para calcular o valor da métrica Interaction to Next Paint (INP), que requer o conhecimento do número total de interações, a fim de calcular uma pontuação percentil alta.

A performance.interactionCount propriedade complementa a API Event Timing, que é usada para medir o desempenho das interações do usuário. Alguns eventos retornados pela API de Tempo de Evento têm um interactionId valor atribuído a eles, o que é útil para agrupar interações relacionadas com base em entradas ou gestos físicos comuns do usuário.

Veja também:

O maintain-framerate-and-resolution valor da RTCDegradationPreference enumeração

O maintain-framerate-and-resolution valor da enumeração permite que um aplicativo desabilite o RTCDegradationPreference mecanismo interno de adaptação de vídeo do WebRTC, para casos em que o aplicativo implementa sua própria lógica externa de adaptação de vídeo.

O WebRTC possui um mecanismo interno de adaptação de vídeo que otimiza a qualidade e o desempenho do vídeo ajustando as configurações de codificação. Esse mecanismo depende de lógica codificada e limites, que podem não produzir os melhores resultados em diversos casos de uso.

O maintain-framerate-and-resolution valor da enumeração desabilita a RTCDegradationPreference adaptação de vídeo interna do WebRTC.

Veja também:

A API LayoutShift relata elementos rect em pixels CSS

A API LayoutShift agora relata informações sobre os elementos que mudaram, como previousRect e currentRect, em pixels CSS em vez de pixels físicos.

Isso torna a API consistente com outras APIs da Web relacionadas ao layout, que usam pixels CSS.

Veja também:

Suporte para pingelementos , hreflang, typee referrerPolicy para elementos SVG <a>

Os pingatributos , hreflang, typee referrerPolicy agora têm suporte em elementos SVG <a> .

Isso torna o elemento SVG <a> mais consistente com o elemento HTML <a> .

Veja também:

Exceção na API pushState de Histórico e replaceState limitação

Uma SecurityError exceção agora é lançada quando o uso excessivo das APIs pushState e replaceState métodos de histórico é detectado, como quando esses métodos são chamados centenas de vezes por segundo.

Anteriormente, as chamadas eram ignoradas e nenhum erro era gerado.

Veja também:

User-Agent política de permissões de Dicas de ch-ua-high-entropy-values Cliente

A ch-ua-high-entropy-values política de permissões permite que um site próprio tenha mais controle sobre quais terceiros têm permissão para solicitar dicas de cliente de alta entropia User-Agent por meio da navigator.userAgentData.getHighEntropyValues() API.

Anteriormente, só era possível restringir a coleta de terceiros de alta entropia User-Agent Client Hints quando elas eram solicitadas por HTTP.

Veja também:

WebGPU: layout padrão de buffer uniforme

Os buffers uniformes declarados em sombreadores WGSL não precisam mais ter alinhamento de 16 bytes em elementos de matriz ou preencher deslocamentos de estrutura aninhada para um múltiplo de 16 bytes.

Veja também:

WebGPU: subgroup_id recurso

Os subgroup_id valores e num_subgroups internos agora estão disponíveis quando a extensão de subgrupos está habilitada.

Veja também:

Evento WebXR XRVisibilityMaskChange

O XRVisibilityMaskChange evento fornece uma lista de vértices e uma lista de índices para representar a malha da parte visível do visor do usuário.

Esses dados podem ser usados para limitar com confiança quanto do visor é desenhado, para melhorar o desempenho.

Veja também:

Recursos preteridos ou removidos

Entidades carregadas externamente na análise XML

A busca síncrona de entidades XML externas/DTDs, que são usadas ao analisar em circunstâncias específicas, foi removida.

Isso melhora a segurança da análise XML no Microsoft Edge. O uso desse recurso foi muito baixo e outros navegadores não suportam esse recurso.

Avaliações de origem no Microsoft Edge

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 Testar APIs e recursos experimentais usando avaliações de origem.

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

API de Instalação da Web

Expira em 14 de julho de 2026.

A API de Instalação da Web permite que os sites instalem outros sites como aplicativos Web no dispositivo do usuário, usando navigator.install().

API de Informações de Aquisição

Expira em 18 de dezembro de 2025.

A API de Informações de Aquisição dá suporte à atribuição de aquisição 3P para PWAs adquiridos por meio de uma loja de aplicativos ou diretamente do navegador.

Avaliações de origem do Chromium

Abaixo estão os testes de origem ativos do Chromium que você pode experimentar no Microsoft Edge.

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

Notificações de chamadas recebidas

Expira em 19 de maio de 2026.

Esse recurso estende a API de Notificações para permitir que os PWAs instalados enviem notificações de chamadas de entrada.

As notificações de chamadas recebidas têm botões com estilo de chamada e um toque.

Essa extensão ajuda os aplicativos Web de Voz sobre IP a criar experiências mais envolventes, tornando mais fácil para os usuários reconhecer facilmente uma notificação de chamada e atendê-la.

API do gravador

Expira em 21 de abril de 2026.

A API Writer pode ser usada para escrever texto em um prompt de tarefa de escrita, apoiado por um modelo de linguagem de IA no dispositivo.

Use essa API para:

  • Gere uma explicação textual dos dados estruturados.
  • Compose uma postagem sobre um produto, com base em avaliações ou na descrição de um produto.
  • Gere uma biografia com base em informações básicas.
  • E mais.

Consulte também Resumir, escrever e reescrever texto com as APIs de Assistência à Escrita.

API do Reescritor

Expira em 21 de abril de 2026.

A API Rewriter transforma e reformula o texto de entrada das maneiras solicitadas, apoiada por um modelo de linguagem de IA no dispositivo.

Use esta API para remover redundâncias dentro de um texto, a fim de:

  • Ajustar o texto em um limite de palavras.
  • Reformule as mensagens para adequá-las ao público-alvo.
  • Seja mais construtivo se for encontrada uma mensagem usando linguagem inadequada.

Consulte também Resumir, escrever e reescrever texto com as APIs de Assistência à Escrita.

Descritores personalizados WebAssembly

Expira em 16 de junho de 2026.

Os descritores personalizados do WebAssembly permitem que o WebAssembly armazene dados associados a tipos de nível de origem com mais eficiência, em novos objetos de descritor personalizado.

CrashReportingStorageAPI

Expira em 21 de abril de 2026.

A avaliação de origem CrashReportingStorageAPI expõe a window.crashReport API de armazenamento de valor-chave, que permite fornecer estado arbitrário do aplicativo com cada relatório de falha enviado aos pontos de extremidade especificados.

Para a infraestrutura geral da API de relatórios de falhas, consulte Relatório de falhas.

Para obter o design e a window.crashReport especificação da extensão, consulte Introduzir a interface CrashReportStorage (uma solicitação de pull do explicador).

Consulte

Modo de compatibilidade de WebGPU

Expira em 21 de abril de 2026

O Modo de Compatibilidade WebGPU é um subconjunto opcional e levemente restrito do WebGPU capaz de executar APIs gráficas mais antigas, como OpenGL e Direct3D11. O Modo de Compatibilidade WebGPU expande o alcance dos aplicativos WebGPU para dispositivos mais antigos que não têm as APIs gráficas modernas e explícitas que o WebGPU principal exige.

Trabalhadores compartilhados vitalícios estendidos

Expira em 21 de abril de 2026.

Trabalhadores compartilhados de tempo de vida estendido introduz a extendedLifetime opção para o SharedWorker construtor.

Esse recurso permite que um trabalhador compartilhado permaneça ativo por um curto período depois que todos os clientes conectados (como páginas) tiverem sido descarregados. Isso é útil para executar tarefas assíncronas que precisam ser concluídas após o descarregamento de uma página, como salvar dados no IndexedDB ou enviar análises.

Sem esse recurso, essas tarefas exigem um Trabalho de Serviço, que pode ser muito pesado para esse caso de uso. Este teste de origem fornece uma alternativa leve.

Acesso à Rede Local de Contextos Não Seguros

Expira em 19 de maio de 2026.

O Acesso à Rede Local de contextos não seguros permite temporariamente que o acesso a recursos em redes locais se origine de contextos não seguros. Isso lhe dá mais tempo para migrar solicitações de Acesso à Rede Local para que elas se originem de um contexto seguro.

Para restrições no Acesso à Rede Local, consulte Nova solicitação de permissão para Acesso à Rede Local. Essa avaliação de origem só pode ser habilitada por meio de tokens de origem fornecidos pelo cabeçalho HTTP.

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.

  • Last updated on