Notas de versão da plataforma Web do Microsoft Edge 158 (19 de novembro de 2026)

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

flow-start e flow-end alinhamento:

As flow-start palavras-chave and flow-end agora são aceitas pelas propriedades de alinhamento CSS, como aliases das palavras-chave and flex-end existentesflex-start.

Essas palavras-chave se referem às bordas de um contêiner nas quais o posicionamento do conteúdo começa e termina. Isso é útil quando o posicionamento é invertido, como em layouts de faixas de grade CSS que usam fill-reverse ou track-reverse. Porque as palavras-chave são aliases flex-start e flex-end agora seguem as direções lógicas de início e término em qualquer modo de layout em que elas diferem das direções físicas, e não apenas no flexbox.

Veja também:

::highlight(*) seletor universal

O ::highlight(*) seletor de pseudoelementos CSS corresponde aos pseudoelementos de realce de todos os realces personalizados, independentemente de seus nomes.

O * argumento acrescenta especificidade zero. Isso significa que os estilos que você declara usando ::highlight(*) atuam como um estilo base, regras que o nome de um realce específico pode substituir.

Por exemplo, para estilizar todos os realces personalizados com um plano de fundo amarelo e, em seguida, substituir o estilo de um realce chamado error:

::highlight(*) {
  background-color: yellow;
}

::highlight(error) {
  background-color: pink;
}

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

Use as pseudo-classes CSS acima para estilizar elementos de mídia ou a interface do usuário ao redor, sem precisar de JavaScript para rastrear o estado. Por exemplo, para esmaecer um vídeo enquanto ele está armazenando em buffer:

video:buffering {
  opacity: 0.5;
}

Veja também:

closest-corner e farthest-corner raios para circle() e ellipse()

As circle() funções de forma básica e ellipse() CSS agora aceitam as closest-corner palavras-chave and farthest-corner radius, além das palavras-chave and farthest-side existentesclosest-side.

  • A closest-corner palavra-chave radius é resolvida para a distância do centro da forma até o canto mais próximo da caixa de referência.
  • A farthest-corner palavra-chave-chave radius resolve para a distância do centro da forma até o canto mais distante da caixa de referência.

Isso corresponde ao comportamento das mesmas palavras-chave na radial-gradient() função. Você pode usar essas palavras-chave nas clip-pathpropriedades , shape-outsidee offset-path .

Por exemplo, para recortar um elemento em um círculo que alcança o canto mais distante do elemento:

.badge {
  clip-path: circle(farthest-corner at 25% 25%);
}

Veja também:

object-fit e object-position para documentos SVG em <object> e <embed>

As object-fit propriedades e object-position CSS agora se aplicam a documentos SVG (Elementos Gráficos Vetoriais Escaláveis) carregados usando um <object> elemento ou <embed> . O documento SVG é dimensionado e posicionado dentro da caixa de conteúdo do elemento, da mesma forma que o conteúdo de um <img> elemento.

Anteriormente, o Microsoft Edge ignorava as object-fit propriedades e object-position CSS para documentos SVG incorporados e sempre esticava o visor do documento para preencher toda a caixa de conteúdo.

Veja também:

Recursos HTML

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

<install> de SQL

O <install> elemento HTML é um controle renderizado pelo navegador que permite aos usuários instalar um aplicativo Web, sem que você precise escrever JavaScript. Como o navegador renderiza o <install> controle, ele recebe um sinal mais forte da intenção do usuário do que ao manipular beforeinstallprompt eventos.

Por padrão, o elemento instala o aplicativo Web associado ao documento atual. Para oferecer a instalação de outro aplicativo Web, como em um catálogo de aplicativos, use o manifest atributo para especificar a URL do manifesto do aplicativo Web e, opcionalmente, o manifestid atributo para especificar a ID do manifesto. O conteúdo do elemento é o conteúdo de fallback:

<install
  manifest="https://music.example/manifest.webmanifest"
  manifestid="https://music.example/app">
  <a href="https://music.example/">Open Music Example</a>
</install>

O <install> elemento é a contraparte declarativa do navigator.install() método. Consulte API de Instalação da Web, abaixo.

Os administradores podem controlar esse recurso de duas maneiras:

  • A política WebAppInstallByUserEnabled pode desabilitar a <install> instalação de aplicativo Web pelos usuários, incluindo instalações iniciadas pelo elemento e pelo navigator.install() método.
  • A web-app-installation política de permissões pode permitir ou não o uso desse recurso em origens controladas pelo administrador, como sites internos e iframes.

Veja também:

Recursos SVG

Os novos recursos de SVG (Elementos Gráficos Vetoriais Escaláveis) a seguir estão incluídos no Microsoft Edge.

side para SVG <textPath>

O side atributo do elemento SVG <textPath> permite que você escolha qual lado de um caminho o texto segue. A configuração side="right" inverte a direção do caminho para o layout do texto. Isso facilita a inserção de texto dentro ou fora de um caminho circular, sem duplicar ou inverter manualmente os dados do caminho.

Por exemplo:

<svg viewBox="0 0 200 200">
  <path id="circle" d="M 100,100 m -75,0 a 75,75 0 1,1 150,0 a 75,75 0 1,1 -150,0" fill="none" />
  <text>
    <textPath href="#circle" side="right">Text on the other side of the path</textPath>
  </text>
</svg>

Veja também:

APIs da Web

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

API de Instalação da Web

A API de Instalação da Web permite que um site solicite ao usuário a instalação de um aplicativo Web.

O navigator.install() método instala:

  • O aplicativo Web associado ao documento atual.
  • Um aplicativo Web que não está associado ao documento atual, transmitindo uma URL de manifesto e uma ID de manifesto opcional.

Isso permite a instalação de aplicativos Web entre origens e é uma experiência de desenvolvedor melhor do que manipular beforeinstallprompt eventos.

Por exemplo, um catálogo de aplicativos pode oferecer a instalação de um aplicativo Web identificado por sua URL de manifesto:

await navigator.install({
  manifest: "https://music.example/manifest.webmanifest",
  manifestId: "https://music.example/app"
});

O usuário deve sempre confirmar a instalação.

O navigator.install() método é a contraparte imperativa do <install> elemento. Veja o<install> elemento, acima.

Os administradores podem controlar esse recurso de duas maneiras:

  • A política WebAppInstallByUserEnabled pode desabilitar a navigator.install() instalação de aplicativo Web por usuários, incluindo instalações iniciadas pelo método e pelo <install> elemento.
  • A web-app-installation política de permissões pode permitir ou não o uso desse recurso em origens controladas pelo administrador, como sites internos e iframes.

Veja também:

Política de permissões: focus-without-user-activation

A focus-without-user-activation política de permissões oferece controle sobre as alterações de foco programáticas feitas por uma página da Web incorporada em um iframe em seu site.

Quando a focus-without-user-activation política de permissões é negada para o quadro que inicia a mudança de foco, as seguintes alterações de foco programático são bloqueadas, a menos que esse quadro tenha ativação de usuário transitória ou o foco já esteja em sua subárvore:

  • Chamadas para element.focus() e window.focus().
  • O autofocus atributo.
  • As etapas de foco para caixas de diálogo e popovers.

Isso não impede que caixas de diálogo ou pop-overs sejam abertos. As alterações de foco iniciadas pelo usuário, como clicar ou tabular, nunca são afetadas. A restrição existente em autofocus iframes entre origens permanece inalterada. A focus-without-user-activation política de permissões pode restringir autofocusainda mais, mas permitir essa política não é habilitada autofocus em um quadro de origem cruzada.

Defina a focus-without-user-activation política de permissões usando:

  • O Permissions-Policy cabeçalho de resposta HTTP.
  • O allow atributo de um <iframe> elemento. Um quadro pai com foco ainda pode passar o foco para um iframe filho, mesmo quando o quadro filho nega a política. Depois que um quadro tem foco, o quadro pode mover o foco dentro de sua própria subárvore.

Por exemplo, para evitar que um iframe ganhe foco programaticamente por conta própria:

<iframe src="https://example.com/widget" allow="focus-without-user-activation 'none'"></iframe>

Veja também:

WebAudio: Renderização incremental para OfflineAudioContext

A OfflineAudioContext interface agora é compatível com renderização incremental. Em vez de alocar todo o buffer de áudio antes do início da renderização, a interface processa OfflineAudioContext e entrega o gráfico de áudio em partes. Isso reduz os requisitos de memória quando você processa grandes quantidades de dados de áudio, especialmente em dispositivos com memória limitada.

Veja também:

WebTransport: Atributos de confiabilidade

A reliability propriedade e a propriedade estática supportsReliableOnly agora estão disponíveis no WebTransport. Essas propriedades informam quais tipos de conexões são compatíveis.

  • A propriedade WebTransport.supportsReliableOnly static indica se o navegador dá suporte exclusivamente a WebTransport conexões confiáveis. No Microsoft Edge, essa propriedade retorna false, porque uma sessão estabelecida com êxito usa HTTP/3 e dá suporte a datagramas não confiáveis.
  • A reliability propriedade de uma instância específica WebTransport indica se a sessão estabelecida dá suporte a transporte não confiável, como datagramas. Essa propriedade retorna "pending"inicialmente e muda para retornar "supports-unreliable" depois que uma conexão HTTP/3 WebTransport é estabelecida.

Veja também:

WebTransport: Fluxos de entrada simultâneos antecipados

Agora você pode dizer ao WebTransport quantos fluxos de entrada você espera ter abertos de uma só vez, usando dicas no WebTransport() construtor. O navegador usa essas dicas para configurar a permissão inicial do fluxo QUIC. Isso reduz o risco de que um servidor que precisa de simultaneidade de fluxo alto seja bloqueado pelo limite de fluxo inicial.

Veja também:

WebTransport: Drenando

A draining propriedade de WebTransport é uma promessa que é resolvida quando o servidor indica que a sessão WebTransport será normalmente desativada. Use esse sinal para estabelecer uma sessão de substituição enquanto os fluxos existentes e a sessão atual permanecem utilizáveis.

Por exemplo:

transport.draining.then(() => {
  // Start a new session, and migrate your streams to it.
});

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
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
API de Credenciais Digitais - Suporte à Emissão Permite que um site dispare a emissão de uma credencial, como uma carteira de motorista ou um grau acadêmico, de um servidor emissor para o aplicativo de carteira digital do usuário. Registrar
PrefetchAndPrerenderActivationBeacon Permite que o Microsoft Edge relate de forma confiável um sinalizador 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 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 adicionando marcadores de amostra, como script, gc, style, layoute 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
API de log de diagnóstico WebRTC Permite que seu aplicativo Web inicie, termine e cancele a coleta de logs de diagnóstico internos para operações WebRTC. Registrar
Imposição inserida da lista de permissões de conexão Permite usar o connectionallowlist atributo em um <iframe> elemento para exigir que o documento incorporado restrinja suas conexões de rede de saída a uma lista de permissões declarada. Se o documento inserido 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