Notas de versão da plataforma Web do Microsoft Edge 157 (5 de novembro de 2026)

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

corner propriedades abreviadas

A nova corner propriedade abreviada CSS define o raio e a forma dos cantos de um elemento em uma única declaração, combinando as border-radius propriedades and corner-shape .

Por exemplo:

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

As seguintes propriedades abreviadas adicionais permitem definir o raio e a forma de cantos específicos:

  • Atalhos por canto: corner-top-left, corner-top-right, corner-bottom-lefte corner-bottom-right.
  • Atalhos de borda física, como corner-top e corner-bottom, que definem os dois cantos de uma borda.
  • Atalhos de borda lógica, como corner-block-start e corner-block-end, que definem os dois cantos de uma borda, com base no modo de escrita.

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.

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

Veja também:

Valor de cadeia de caracteres personalizada para text-overflow

A text-overflow propriedade CSS agora aceita um valor de cadeia de caracteres, para especificar o texto personalizado que é exibido quando o conteúdo de um elemento é excedido e cortado.

Anteriormente, você só podia usar os clip valores ou ellipsis . Uma cadeia de caracteres personalizada permite criar indicadores de estouro que melhor se ajustam ao seu conteúdo, por exemplo:

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

Veja também:

position-visibility: anchor-valid e anchor-visible

Ao usar o posicionamento de âncora CSS, a propriedade CSS controla quando um elemento posicionado position-visibility por âncora está oculto. A position-visibility propriedade agora dá suporte aos seguintes valores:

  • anchor-valid (novo) - O elemento posicionado na âncora só é exibido se seu elemento de âncora padrão existir e, portanto, o elemento puder ser posicionado em relação a ele.

  • anchor-visible - O elemento posicionado como âncora só será exibido se seu elemento de âncora padrão estiver pelo menos parcialmente visível. Esse valor substitui o anchors-visible valor.

O valor plural anchors-visible agora está obsoleto e é um alias de anchor-visible. Use anchor-visible em vez disso.

Veja também:

Recursos HTML

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

Modo somente ícone para os <camera>elementos , <microphone>e <geolocation>

Os <camera>elementos , <microphone>, e <geolocation> HTML agora suportam o displaymode atributo, que você pode usar para renderizar esses elementos como botões compactos, somente ícones, sem texto. Por exemplo:

<camera displaymode="icon-only"></camera>

Os botões somente ícone são úteis em layouts com restrição de espaço, como controles de mapa ou barras de ferramentas de vídeo flutuantes. No modo somente ícone, os elementos mantêm as mesmas garantias de segurança e permanecem totalmente acessíveis aos leitores de tela.

Veja também:

APIs da Web

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

Métodos atualizados de inserção e streaming de HTML

Os seguintes métodos de inserção e streaming de HTML fornecem uma maneira mais coerente de inserir dinamicamente HTML em um documento existente:

  • Métodos posicionais, que tomam HTML como argumento e substituem efetivamente :insertAdjacentHTML()
    • beforeHTML() e beforeHTMLUnsafe()
    • afterHTML() e afterHTMLUnsafe()
    • appendHTML() e appendHTMLUnsafe()
    • prependHTML() e prependHTMLUnsafe()
    • replaceWithHTML() e replaceWithHTMLUnsafe()
  • Métodos de streaming, que retornam um WritableStream objeto que analisa o texto HTML que você escreve nele:
    • streamHTML() e streamHTMLUnsafe()
    • streamAppendHTML() e streamAppendHTMLUnsafe()
    • streamPrependHTML() e streamPrependHTMLUnsafe()
    • streamReplaceWithHTML() e streamReplaceWithHTMLUnsafe()
    • streamBeforeHTML() e streamBeforeHTMLUnsafe()
    • streamAfterHTML() e streamAfterHTMLUnsafe()

Além disso, você pode definir a runScripts opção ao true chamar qualquer um dos métodos de inserção HTML ou streaming não seguros, para permitir que o método execute scripts de maneira semelhante ao createContextualFragment().

As políticas de tipos confiáveis também podem substituir o modo de script e o desinfetante usados por esses métodos.

Antes desses métodos, você já podia atualizar o HTML dinamicamente do script usando várias APIs desarticuladas, cada uma com suas próprias diferenças sutis. Por exemplo, você pode:

  • Atualize parcialmente um elemento usando insertAdjacentHTML().
  • Limpar HTML usando setHTML().
  • Executar scripts usando o createContextualFragment().
  • Stream HTML usando um documento desanexado.

Essas APIs múltiplas e desconexas podem ser confusas e difíceis de usar. Essas APIs também podem causar problemas de segurança quando não são bem utilizadas.

Veja também:

API do desinfetante: javascriptURLs opção

A API Sanitizer agora fornece a javascriptURLs opção de configuração e o setJavascriptURLs() método para controlar se javascript: as URLs usadas para navegação, como no atributo de um <a> elemento, são removidas ao limpar o href HTML.

Anteriormente, a remoção ou não javascript: das URLs dependia do método usado:

  • Os métodos seguros, como setHTML(), sempre removem javascript: URLs.
  • Os métodos não seguros, como setHTMLUnsafe(), nunca removeram javascript: URLs.

Agora, a remoção javascript: de URLs é uma parte explícita da configuração do desinfetante, que você pode usar com qualquer método.

Se você não usar a nova opção, o comportamento não será alterado.

Veja também:

HTML na tela

A API HTML na tela permite desenhar elementos HTML em um <canvas> elemento, para que você possa usar a tela para personalizar como o conteúdo HTML é renderizado, mantendo o conteúdo acessível, interativo e corretamente disposto.

Por exemplo, você pode usar HTML-in-canvas para renderizar o seguinte:

  • Texto estilizado em gráficos.
  • Rico conteúdo em ferramentas criativas.
  • Menus no jogo.
  • Conteúdo HTML em superfícies dentro de uma cena 3D.

O HTML-in-canvas fornece os seguintes primitivos:

  • Atributos para optar pelos descendentes de um <canvas> elemento no layout e no desenho.
  • Métodos para desenhar elementos na tela: drawElementImage() para contextos de tela 2D e métodos equivalentes para WebGL e WebGPU.
  • Um paint evento que é acionado quando os elementos desenhados precisam ser atualizados na tela.
  • Métodos para sincronizar a geometria dos elementos desenhados com o DOM, para teste de clique e acessibilidade.

Veja também:

API de quadros de animação longos: durações de estilo e layout

A API de quadros de animação longos agora relata quanto tempo foi gasto em cálculos de estilo e layout, para que você possa distinguir o tempo do estilo do tempo de layout ao analisar quadros lentos:

  • PerformanceLongAnimationFrameTiming Os objetos têm as propriedades new styleDuration and layoutDuration , que relatam o tempo gasto no recálculo de estilos e na atualização do layout, como parte da atualização de renderização.
  • PerformanceScriptTiming Os objetos têm as propriedades new forcedStyleDuration and forcedLayoutDuration , que relatam o tempo gasto em cálculos de estilo e layout que foram forçados de forma síncrona por scripts.

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:

ProgressEvent em Profissionais de Serviço

A ProgressEvent interface agora está disponível nos trabalhadores de serviço. Você pode usar o ProgressEvent() construtor em um trabalho de serviço para criar eventos de progresso com as lengthComputablepropriedades , loaded, and total .

Isso alinha os trabalhos de serviço com outros contextos de trabalho e com o padrão XMLHttpRequest.

Veja também:

Web Bluetooth: BluetoothRemoteGATTServer é um EventTarget

A BluetoothRemoteGATTServer interface agora herda de EventTarget, e, portanto, expõe os addEventListener()métodos , removeEventListener(), and dispatchEvent() .

Isso permite que os eventos no nível da conexão sejam expedidos diretamente no objeto do servidor GATT.

Veja também:

WebGPU: atomic-vec2u-min-max recurso

O atomic-vec2u-min-max recurso WebGPU permite que você use operações atômicas mínimas e máximas de 64 bits em atomic<vec2u> valores, em sombreadores WGSL (WebGPU Shading Language).

Isso permite implementar algoritmos que exigem atômica de 64 bits, sem exigir suporte total para números inteiros de 64 bits.

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
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
API de substituição de imagem do agente do usuário Permite observar quando os recursos do navegador substituem imagens no conteúdo da página. No momento, esses recursos do navegador estão limitados a sites selecionados. 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
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
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
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
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
Descritores Personalizados WebAssembly V2 Armazena dados associados a tipos de nível de origem com mais eficiência, em objetos descritores personalizados. 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
Imposição inserida da lista de permissões de conexão Permite que um incorporador use o connectionallowlist atributo em um <iframe> elemento para exigir que o documento enquadrado restrinja suas conexões de rede de saída a uma lista de permissões declarada. Se o documento enquadrado não fornecer um cabeçalho correspondente Connection-Allowlist , sua resposta será bloqueada. 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