Notas de versão da plataforma Web do Microsoft Edge 151 (julho de 2026)

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

WebView2

Consulte as notas de versão do SDK do WebView2.

Recursos CSS

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

Propriedade CSS ruby-overhang

A ruby-overhang propriedade CSS define se as anotações ruby podem se sobrepor ao texto adjacente.

A propriedade aceita os valores , spaces and none para controlar a autosaliência do texto de anotação ruby.

Veja também:

Alterado o position-anchor valor inicial para normal

O valor inicial da position-anchor propriedade CSS agora normalé . Anteriormente, o valor inicial era none.

Isso alinha o Microsoft Edge com outros navegadores e com a especificação de posicionamento de âncora.

  • If position-area está definido como none, normal se comporta como none.
  • Se position-area não estiver definido como none, normal se comporta como auto.

Veja também:

animation-trigger As ações não são mais retrocedidas automaticamente

Os valores playplay-forwards e play-backwards a animation-trigger propriedade CSS instruem o gatilho de animação a reproduzir a animação.

Esses valores não retrocede mais automaticamente a animação: quando a animação já tiver sido executada até a conclusão e play, play-forwards ou play-backwards for usada, a animação não será reiniciada.

Veja também:

Recursos HTML

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

<usermedia> de SQL

O <usermedia> elemento HTML é um botão fornecido pelo navegador que, após a ativação, alterna os fluxos da câmera ou do microfone. Se necessário, o botão solicitará que o usuário escolha se deseja conceder acesso à página à câmera e ao microfone.

Esse botão fornecido pelo navegador permite uma melhor experiência do usuário, pois a solicitação de permissão está diretamente vinculada à intenção do usuário.

O <usermedia> elemento estava disponível anteriormente como um teste de origem sob o elemento mais genérico <permission> . Com base nos comentários dos desenvolvedores e de outros fornecedores de navegadores, o <permission> elemento foi renomeado para o elemento específico <usermedia> , para fornecer uma experiência de desenvolvedor mais personalizada e poderosa.

Veja também:

aria-actions de atributo

O aria-actions atributo HTML expõe ações secundárias para widgets interativos compostos.

Por exemplo, você pode usar o aria-actions atributo para expor o botão fechar de uma guia, que é uma ação secundária para o widget da guia, da seguinte maneira:

<div class="tab" aria-actions="close-tab">
  Tab title
  <button id="close-tab">Close</button>
</div>

Ações secundárias colocadas dentro de widgets interativos compostos são um padrão comum da interface do usuário. O aria-actions atributo permite que você exponha esses botões de ação secundários diretamente, para melhorar a capacidade de descoberta para usuários de tecnologia adaptativa (AT).

Veja também:

shadowrootslotassignment atributo para shadow dom declarativo

O shadowrootslotassignment atributo do elemento permite que raízes de sombra declarativas usem a atribuição manual de <template> slot.

Anteriormente, a atribuição manual de slot só estava disponível via JavaScript, da seguinte maneira:

attachShadow({slotAssignment: "manual"})

Agora você pode declarar a atribuição manual de slot via HTML, da seguinte maneira:

<template shadowrootslotassignment="manual">
</template>

Veja também:

APIs da Web

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

A Sobreposição de Controles de Janela agora oculta a barra de título por padrão

O display_override: ["window-controls-overlay"] membro do manifesto do aplicativo Web oculta a barra de título padrão que o navegador exibe na parte superior da janela (exceto os botões de controle da janela), para um Aplicativo Web Progressivo instalado.

Antes do Microsoft Edge 151, os aplicativos Web instalados exibiam display_override: ["window-controls-overlay"] inicialmente a barra de título padrão, incluindo um botão de divisa (^ ou v) no qual os usuários podiam clicar para habilitar a sobreposição de controles do Windows.

Começando com o Edge 151:

  • A barra de título está oculta por padrão.
  • O botão de divisa (o botão de alternância da barra de título) foi removido.
  • Os aplicativos display_override: ["window-controls-overlay"] Web instalados podem usar esse espaço na barra de título imediatamente (onde estava o botão de divisa), sem exigir ação do usuário.

Veja também:

API de solicitação de permissão de evento de dispositivo

Você pode ligar DeviceMotionEvent.requestPermission() e DeviceOrientationEvent.requestPermission() pedir ao navegador que os dados de movimento e orientação do dispositivo sejam compartilhados com a página da Web.

Esses métodos retornam uma promessa que é resolvida como ou granteddenied, com base em se o usuário permitiu que o agente do usuário compartilhasse dados do sensor com a página.

Veja também:

Navegações sucessivas duplicadas são ignoradas

Quando uma navegação já está em andamento, o Microsoft Edge agora ignora uma nova solicitação de navegação para a mesma URL que a solicitação de navegação anterior.

Navegações duplicadas em rápida sucessão geralmente são causadas por um clique duplo acidental. Navegações duplicadas podem desperdiçar recursos cancelando a navegação em andamento e iniciando uma nova. Essa otimização melhora o desempenho e melhora a experiência do usuário.

Veja também:

Intervalo de redirecionamento de origem cruzada na API de Tempo de Navegação

O Timing-Allow-Origin cabeçalho, quando usado em cadeias de redirecionamentos de origem cruzada, fornece valores para redirectCounte redirectStartredirectEnd para o documento de destino, por meio da API de tempo de navegação.

Isso permite medir e otimizar seus redirecionamentos entre origens.

Veja também:

Suporte do LanguageDetector para chinês tradicional e simplificado

A API LanguageDetector agora pode detectar e diferenciar texto escrito em chinês tradicional ou chinês simplificado.

A API LanguageDetector retorna o código zh-Hant do idioma para chinês tradicional e zh-Hans chinês simplificado. Anteriormente, a API LanguageDetector retornava zh para chinês tradicional e chinês simplificado.

Veja também:

soft-navigation e interaction-contentful-paint entradas de desempenho

A API de Desempenho agora inclui dois novos PerformanceEntry tipos:

  • soft-navigation - Relata alterações de estado de histórico do mesmo documento iniciadas por interações.
  • interaction-contentful-paint - Relata novas tintas de conteúdo em partes da página que foram modificadas por uma interação do usuário. Isso ajuda a entender a latência de carregamento da interação.

Use essas novas entradas para medir o desempenho de navegações suaves. Uma navegação suave é uma navegação orientada por JavaScript em um SPA (aplicativo de página única).

Veja também:

Expôs a FontFaceSet interface globalmente

A FontFaceSet interface agora está exposta globalmente.

Anteriormente, a FontFaceSet interface não era exposta como uma propriedade global.

Essa alteração alinha o Microsoft Edge com a especificação de carregamento de fonte CSS e com o Safari e o Firefox.

Veja também:

Regras de especulação: form_submission campo

Agora você pode definir o "form_submission": true campo em uma regra de pré-renderização na API Speculation Rules, para permitir que a pré-renderização seja ativada por uma navegação de envio de formulário.

Anteriormente, os envios de formulário nunca podiam ativar uma página pré-renderizada. Agora, a configuração "form_submission": true informa ao navegador para preparar a pré-renderização, para que, quando o usuário enviar um formulário cujo URL de resultado corresponda à URL pré-renderizada, a pré-renderização seja ativada imediatamente.

Isso é útil para formulários de pesquisa em que a URL do resultado pode ser prevista com antecedência. Por exemplo, para pré-renderizar o resultado de um formulário de pesquisa que navega para /search?q=foo, use as seguintes regras de especulação:

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/search?q=foo"],
      "form_submission": true
    }
  ]
}
</script>

Veja também:

Evento de roda indica se uma rolagem de impulso

A WheelEvent interface agora inclui um momentum atributo, que indica se o evento faz parte de uma rolagem de impulso.

O momentum atributo é útil, por exemplo, em um dispositivo que tenha um trackpad, onde o usuário pode executar um gesto de arremessar para rolar o conteúdo. Muitos dispositivos continuam a disparar eventos de roda por um tempo depois que o movimento do trackpad para, para simular a inércia de rolagem. O momentum atributo diferencia esses eventos simulados dos eventos que são acionados durante a interação física do trackpad.

Veja também:

Análise XML em Rust para cenários não XSLT

O Microsoft Edge agora usa um analisador XML baseado em Rust, em cenários em que o processamento XSLT não é necessário.

O analisador Rust XML melhora a segurança eliminando bugs de corrupção de memória na análise XML. Isso se aplica a:

  • A API Web DOMParser.
  • A responseXML propriedade em um XMLHttpRequest objeto (XHR).
  • Documentos SVG.

Veja também:

textStream() método para Response, Requeste Body

As Requestinterfaces , Responsee Blob agora incluem um textStream() método.

O textStream() método fornece uma maneira direta de ler o texto de um fluxo de bytes, sem exigir primeiro canalizar o fluxo por meio de um TextDecoderStream().

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
Heurística de navegação suave Expõe heurística de navegação suave para coletar métricas de desempenho em aplicativos de página única. Registrar
Hashes de URL e de avaliação no CSP script-src Introduz hashes de URL e de avaliação para script-src diretivas CSP, substituindo listas de permissão baseadas em nome de host e unsafe-eval. Registrar
API de Instalação da Web Permite que um site instale outro site como um aplicativo Web usando navigator.install(). Registrar
OpaqueRange Permite a criação de intervalos dinâmicos sobre o texto interno <input> e elementos que são atualizados automaticamente à medida que o usuário edita <textarea> . Esses intervalos dão suporte a métodos de geometria, como getBoundingClientRect() e a API CSS Custom Highlight API, que permite casos de uso como pop marcar-ups posicionados por cursor e realce de ortografia embutida diretamente em controles de formulário, sem clonar elementos ou expor a estrutura interna do DOM. 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
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
Listas de conexão permitidas Restringe conexões de um documento ou trabalho a uma lista de permissões de pontos de extremidade distribuída pelo servidor. Registrar
focus-without-user-activation Política de permissões Fornece um controle de inserção sobre o foco programático do conteúdo inserido por meio da focus-without-user-activation política de permissões. Quando a política é negada para um quadro, as chamadas de foco programático (element.focus(), autofocus, window.focus()dialog.showModal(), e foco popover) são bloqueadas, a menos que sejam disparadas pela ativação do usuário ou o foco esteja sendo delegado. 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
WebAudio Renderização Configurável Quantum Permite especificar um tamanho quântico de renderização personalizado ao criar um AudioContext ou OfflineAudioContext. 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
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
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
<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
HTML na tela Permite renderizar HTML na tela usando novos métodos de desenho e o paint evento. 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
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
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
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

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