Notas de versão da plataforma Web do Microsoft Edge 154 (24 de setembro de 2026)

A seguir estão os novos recursos e atualizações da plataforma Web no Microsoft Edge 154, que será lançado em 24 de setembro 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.

scroll-marker-group Modos

A scroll-marker-group propriedade agora dá suporte a dois modos: links e tabs.

  • links: As funções geradas ::scroll-marker-group como uma lista de navegação. Esse é o modo padrão.

    Esse modo foi projetado para imitar pontos de referência de navegação padrão combinados com âncoras de fragmento.

    O ::scroll-marker-group obtém a função de navegação e os ::scroll-marker elementos obtêm a função de link, correspondendo ao <nav><a> padrão estrutural.

    Todos os ::scroll-marker elementos se tornam paradas de tabulação sequenciais e, quando ativados, definem o ponto inicial de navegação de foco sequencial para o elemento de destino, perdendo seu próprio foco. Isso corresponde ao comportamento de clicar em um <a href="#target"> link.

  • tabs: As funções geradas ::scroll-marker-group como uma lista de tabelas.

    Esse modo foi projetado para replicar o padrão de guias.

    Obtém a função tablist, ::scroll-marker os ::scroll-marker-group elementos obtêm funções de guia e seus elementos de origem obtêm a função tabpanel.

    Para imitar o comportamento de um painel de guias, pressionar a tecla Tab a partir do marcador ativo move o foco diretamente para o conteúdo ativo do painel de guias. O conteúdo das guias inativas é explicitamente oculto da árvore de acessibilidade.

Veja também:

text-decoration-inset

A text-decoration-inset propriedade CSS controla a extensão em sublinhados, sobrelinhas e decorações de linha que são inseridos ou estendidos além das bordas do texto decorado.

A text-decoration-inset propriedade CSS dá suporte ao seguinte:

  • auto.
  • Valores de comprimento.
  • Valores percentuais.
  • Sintaxes de valor único e duplo para definir os deslocamentos iniciais e finais.

Isso permite ajustar o espaçamento da decoração e criar efeitos de revelação com decorações de texto nativas em vez de gradientes de plano de fundo ou elementos adicionais.

Veja também:

  • text-decoration-inset propriedade CSS no MDN. Isso permite ajustar o espaçamento da decoração e criar efeitos de revelação com decorações de texto nativas, em vez de gradientes de plano de fundo ou elementos adicionais.

Atributo de largura FontFace e descritor de largura de fonte

O width atributo na FontFace API e a font-width propriedade nos @font-face descritores agora são aliases para o atributo e font-stretch a stretch propriedade.

Isso alinha o Microsoft Edge com as especificações atualizadas do CSS Font Loading e do CSS Fonts 4.

Agora você pode inspecionar ou inicializar larguras de face de fonte usando a propriedade e a FontFace.widthfont-width propriedade CSS.

Veja também:

Expor a hierarquia CSSStyleValue a contextos de trabalho

Os seguintes construtores agora são expostos em escopos globais de trabalho, além de escopos de janela e worklet:

  • CSSKeywordValue
  • CSSNumericValue
  • CSSStyleValue
  • CSSUnitValue
  • CSSUnparsedValue

Esses construtores fazem parte da especificação CSS Typed Object Model.

Isso torna o Microsoft Edge e o Chromium compatíveis com o Firefox e o Safari.

Veja também:

Recursos HTML

Os novos recursos HTML a seguir estão incluídos no Microsoft Edge.

De tamanho responsivo <iframe>

A frame-sizing propriedade CSS opta por um <iframe> elemento no dimensionamento responsivo.

Quando dimensionado de forma responsiva, o <iframe> elemento é dimensionado no documento pai para o tamanho do documento iframe, de modo que as barras de rolagem no iframe sejam evitadas.

Veja também:

Melhorias de descarte leve para popovers e caixas de diálogo

Light dismiss é o comportamento em que clicar fora de um popover ou caixa de diálogo o fecha.

O comportamento de descarte leve para popovers e caixas de diálogo foi aprimorado no Microsoft Edge 154. As seguintes ações não acionam mais o descarte leve:

  • Gestos de rolagem em telas sensíveis ao toque
  • Cliques com o botão direito do mouse

Veja também:

APIs da Web

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

Options no construtor WebSocket

O WebSocket construtor agora aceita um option objeto como seu segundo argumento, para passar opções adicionais para a WebSocket conexão. Essa é uma extensão da assinatura do construtor existente, que anteriormente só aceitava um string para especificar subprotocolos.

A especificação de um subprotocolo agora pode ser gravada de uma das duas seguintes maneiras:

// Using the existing string argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", "soap");

// Using the new option bag argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });

Veja também:

targetAddressSpace opção para WebSockets

Use a targetAddressSpace opção, ao chamar o WebSocket construtor, para especificar que uma WebSocket conexão com um nome de host público deve ser tratada como indo para um destino "local" ou de "loopback".

Por exemplo, um site público que se conecta a um servidor local pode usar um nome de host para evitar a necessidade de configuração manual do endereço IP privado exato a ser usado, da seguinte maneira:

const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local"});

Isso corresponde a um suporte semelhante na API de Busca.

Um caso de uso comum é ignorar restrições de conteúdo misto ao conectar-se a servidores locais que ainda não podem dar suporte a HTTPS.

O usuário deve conceder ao site a permissão para acessar a rede local.

Veja também:

Imposição de CORS para a API de busca em segundo plano

A API de busca em segundo plano agora impõe o CORS (Compartilhamento de Recursos entre Origens).

Isso garante que as solicitações de busca em segundo plano estejam sujeitas às mesmas políticas de segurança, como verificações de acesso à rede local. Isso impede que os sites ignorem o CORS (e outras verificações de política de segurança) usando a busca em segundo plano em vez da busca normal.

Veja também:

Restrições de acesso à rede local para busca em segundo plano

A API de busca em segundo plano agora exige que a origem do trabalho de serviço tenha a permissão de acesso à rede local necessária para enviar solicitações a servidores locais ou de loopback.

Isso alinha a API de busca em segundo plano com a API de busca. Isso impede que os sites ignorem as verificações de acesso à rede local usando a API de busca em segundo plano.

Veja também:

API de fetch: motivo de encaminhamento de AbortController para buscar Resposta

A anulação reason de uma AbortController instância agora é fornecida para os Response métodos do objeto e seu ReadableStream, em vez de apenas para a promessa de busca.

Veja também:

Iterator.includes

Os iteradores JavaScript agora suportam o includes() método, permitindo que você pergunte se um iterador produz um determinado valor.

Este método é análogo ao includes() método dos Array objetos.

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
TextMetrics de tela aprimorados Expande a API TextMetrics Canvas, adicionando retângulos de seleção, consultas de caixa delimitadora e operações de cluster de glifos. Registrar
Tempo de Contêiner Monitora quando um contêiner DOM anotado é exibido e concluiu sua pintura inicial. Registrar
Separar durações de estilo e layout na API de Quadro de Animação Longa Adiciona styleDuration, forcedStyleDuration, layoutDuratione forcedLayoutDuration e properties, para uma análise mais profunda do desempenho do CSS. Registrar
<install> elemento HTML Instalar declarativamente outros sites como aplicativos Web usando o <install> elemento. Registrar
Scripts de módulo CSS declarativos Compartilha folhas de estilo declarativas com raízes de sombra, incluindo raízes de sombra declarativas, usando módulos de estilo embutidos. Registrar
API de Credenciais Digitais - Suporte à Emissão Dispara a emissão de credenciais de usuário de um servidor emissor de credenciais para um aplicativo de carteira digital. 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
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
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
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
HTML na tela Permite renderizar HTML em uma tela usando novos métodos de desenho e o paint evento. 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
Descritores Personalizados WebAssembly V2 Armazena dados associados a tipos de nível de origem com mais eficiência, em objetos descritores personalizados. Registrar
WebMCP Permite que seu site registre ferramentas para que um agente no navegador conclua tarefas em nome de um usuário. 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
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
API de log de diagnóstico WebRTC Coleta logs de diagnóstico internos para operações relacionadas a WebRTC. 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
Pré-renderização de iframes entre origens Pré-renderiza iframes entre origens por meio de um cabeçalho de resposta de aceitação, em vez de atrasá-los até a ativação da página. 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
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
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

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