Notas de versão da plataforma Web do Microsoft Edge 152 (agosto de 2026)

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

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.

Função CSS alpha()

A função CSS alpha() cria uma nova cor aplicando um valor alfa especificado a uma cor existente.

Por exemplo, alpha(from red / 0.5) cria uma cor vermelha semitransparente com 50% de opacidade.

Veja também:

Propriedade CSS window-drag

Quando usada em um PWA (Aplicativo Web Progressivo) instalado, a window-drag propriedade CSS define regiões da interface do usuário do aplicativo Web que se comportam como áreas de barra de título de janela arrastável.

Quando aplicada a um elemento, uma interação de ponteiro de clicar e arrastar move a janela do aplicativo de nível superior.

Isso é útil para PWAs instalados em sistemas operacionais de desktop e aplicativos que usam o recurso Sobreposição de Controles de Janela para implementar barras de título personalizadas e áreas arrastáveis quando a barra de título fornecida pelo navegador está oculta.

A window-drag propriedade padroniza e renomeia a propriedade existente app-region .

Veja também:

Pseudo-classes de elemento de mídia

As seguintes pseudo-classes CSS combinam <audio> e <video> elementos com base em seu estado:

  • :playing
  • :paused
  • :seeking
  • :buffering
  • :stalled
  • :muted
  • :volume-locked

Veja também:

Recursos HTML

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

<camera> e <microphone> elementos

Os <camera> elementos e <microphone> HTML são botões fornecidos pelo navegador que, após a ativação, ativam 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.

Os <camera> elementos and <microphone> compartilham o mesmo mecanismo subjacente que o <usermedia> elemento, com uma distinção fundamental: eles são projetados para solicitar um único recurso:

  • O elemento solicita <camera> especificamente a captura de vídeo.
  • O elemento solicita <microphone> especificamente a captura de áudio.

Assim como o <usermedia> elemento, os <camera> elementos e <microphone> incorporam uma interface do usuário controlada pelo navegador e com estilo estrito na página. Isso garante que haja um sinal forte e intencional do usuário, antes que um prompt de permissão seja disparado ou uma transmissão seja iniciada.

Veja também:

  • <usermedia> nasnotas de versão da plataforma Web do Microsoft Edge 151 (julho de 2026).

Destino de referência

A referenceTarget propriedade de um ShadowRoot objeto encaminha atributos como for, aria-labelledby, popovertargete commandfor para elementos dentro de um shadow DOM. Por exemplo, você pode usar isso para vincular a <label> ao seu <input>, mesmo que esteja <input> no shadow DOM de um componente da Web.

Quando um host de sombra especifica um elemento em sua árvore de sombra para atuar como seu destino de referência, todas as referências de ID que apontam para o host de sombra são encaminhadas para o elemento de destino de referência.

Um destino de referência também pode ser definido em HTML, usando o shadowrootreferencetarget atributo, como no exemplo a seguir:

<label for="my-checkbox">Checkbox value</label>
<custom-checkbox id="my-checkbox">
  <template shadowrootmode="open" shadowrootreferencetarget="real-checkbox">
    <input id="real-checkbox" type="checkbox">
  </template>
</custom-checkbox>

Veja também:

autocorrect Atributo HTML global

O autocorrect atributo HTML global controla se os erros de ortografia ou pontuação devem ser corrigidos automaticamente para a entrada do usuário em <input> elementos e <textarea> em elementos com o contenteditable atributo.

Veja também:

APIs da Web

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

Preterição planejada do evento unload

O Edge 152 apresentará a nova unload política de permissão para permitir a criação de ouvintes de eventos de descarregamento. O valor padrão é inicialmente allow, mas entre o Edge 152 e o Edge 155, o valor padrão será migrado gradualmente para deny, de modo que os manipuladores de descarregamento parem de disparar nas páginas, a menos que uma página opte explicitamente por reativá-los. Para habilitar explicitamente os manipuladores de eventos unload, use o allow valor.

  • Edge 152: os manipuladores de descarregamento deixarão de ser disparados por padrão para 60% dos carregamentos de página, a menos que o site habilite explicitamente os manipuladores de descarregamento por meio da unload Política de Permissão.
  • Edge 154: aumenta para 80% dos carregamentos de página.
  • Edge 155: aumenta para 100% dos carregamentos de página.

Essa alteração está ocorrendo no projeto Chromium, no qual o Microsoft Edge se baseia.

O evento unload não é uma maneira confiável de fazer o seguinte, pois navegadores e sistemas operacionais podem suspender ou encerrar páginas sem disparar o evento unload:

  • Salvar dados.
  • Execute a limpeza.
  • Relatar o fim de uma sessão.

O uso do evento unload também pode impedir que as páginas usem o cache de retorno/avanço, o que pode tornar a navegação para trás e para frente mais lenta.

Você deve migrar para eventos de ciclo de vida e APIs projetados para os cenários acima. A direção de longo prazo da plataforma Web é remover o suporte para o evento unload.

Veja também:

encryptionScheme atributo para navigator.mediaCapabilities.decodingInfo()

Além dos contentType atributos and robustness , agora você pode usar o encryptionScheme atributo ao consultar recursos de mídia usando navigator.mediaCapabilities.decodingInfo().

Isso permite que você determine se uma combinação específica de codec, robustez e esquema de criptografia é compatível com o dispositivo do usuário e, portanto, detecte se a mídia criptografada será reproduzida.

Veja também:

API de Desempenho de CPU

A API de desempenho da CPU permite determinar o desempenho da CPU do dispositivo do usuário. Você pode usar essas informações para fornecer uma experiência de usuário aprimorada, possivelmente em combinação com a API de pressão de computação.

A API de pressão de computação fornece informações sobre a pressão ou utilização da CPU do dispositivo do usuário e permite que os aplicativos reajam a alterações na pressão da CPU.

Veja também:

Suporte CSSPseudoElement para ::backdrop, ::scroll-markere ::view-transitions

A CSSPseudoElement interface representa um pseudo-elemento CSS e pode ser obtida chamando Element.pseudo() ou CSSPseudoElement.pseudo().

A CSSPseudoElement interface agora suporta os ::backdropelementos , ::scroll-marker, e ::view-transitions pseudo-elementos, além dos ::afterelementos , ::before, e ::marker pseudo-elementos.

Usar a CSSPseudoElement interface com esses novos pseudo-elementos permite que você faça o seguinte:

  • ::backdrop: útil para fechar uma caixa de diálogo quando se clica no plano de fundo, sem interferir nos cliques dentro do conteúdo da caixa de diálogo. Isso elimina a necessidade de lógica de interseção complexa para determinar onde ocorreu o clique.

  • ::scroll-marker: útil para coletar estatísticas de cliques.

  • ::view-transitions: Permite interceptar uma transição de exibição no meio do voo para iniciar uma nova transição de exibição, utilizando as coordenadas do elemento de animação no momento para evitar saltos visuais repentinos.

Veja também:

Listas de conexão permitidas

As listas de permissão de conexão permitem declarar e impor listas de permissões explícitas para pontos de extremidade de rede que podem ser acessados por APIs de rede, como a API de Busca. Isso melhora o controle da rede de saída e reduz o risco de conexões indesejadas.

A lista de pontos de extremidade autorizados é distribuída do servidor por meio do Connection-Allowlist cabeçalho de resposta HTTP. Antes de se conectar a um servidor, o navegador avalia o destino em relação a essa lista de permissões. As conexões com pontos de extremidade verificados são permitidas, mas os destinos que não correspondem às entradas na lista de permissões são bloqueados.

Veja também:

OpaqueRange Para texto de controle de formulário

Use OpaqueRange para representar uma extensão dinâmica de texto dentro do valor de um controle de formulário, como um <textarea> ou baseado em <input>texto.

OpaqueRange Permite fazer o seguinte com intervalos de texto:

  • Operações como getBoundingClientRect() e getClientRects().
  • Integração com a API de realce personalizado CSS.

Isso permite cenários como sugestões embutidas, realces e popovers ancorados.

OpaqueRange Preserva o encapsulamento expondo apenas deslocamentos de valor e retorna null para startContainer e endContainer.

Veja também:

WebGPU: controle de tamanho de subgrupo

O recurso GPU subgroup-size-control permite que você defina explicitamente o tamanho do subgrupo em um sombreador de computação.

Isso é útil quando você precisa otimizar o desempenho de um sombreador de computação em determinadas plataformas, como para cargas de trabalho de IA.

Veja também:

audioSelection:preferred opção para getDisplayMedia()

O getDisplayMedia() método agora dá suporte à audioSelection:preferred opção.

Esta opção permite que você indique ao navegador que prefere o compartilhamento de áudio junto com o vídeo.

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
<install> elemento HTML Instalar declarativamente outros sites como aplicativos Web usando o <install> elemento. 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
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
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
HTML na tela Permite renderizar HTML em uma 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
WebMCP Permite que seu site registre ferramentas para que um agente no navegador conclua tarefas em nome de um usuário. 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
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
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
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
Algoritmos WebCrypto adicionais Permite o uso de algoritmos WebCrypto adicionais, incluindo alguns algoritmos PQ. Algoritmos habilitados: ChaCha20-Poly1305, ML-DSA-44, ML-DSA-65, ML-DSA-87, ML-KEM-768, ML-KEM-1024, MLKEM768-X25519. 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

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