Notas de versão da plataforma Web do Microsoft Edge 140 (setembro de 2025)

A seguir estão os novos recursos e atualizações da plataforma da Web no Microsoft Edge 140, que será lançado em 4 de setembro de 2025.

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 140).

WebView2

Consulte o SDK da versão 1.0.3485.44, para Runtime 140 (8 de setembro de 2025) em Notas de versão do SDK do WebView2.

Recursos da plataforma Web

Recursos CSS

Propriedade CSS caret-animation

O Microsoft Edge dá suporte à animação da caret-color propriedade CSS. No entanto, quando animado, o comportamento padrão de piscar do cursor interferiu na animação.

A caret-animation propriedade agora dá suporte a dois valores:

  • auto: ocorre o comportamento intermitente padrão do navegador.
  • manual: você controla a animação do cursor.

Veja também:

counter() e counters() em texto alternativo da content propriedade CSS

As counter() funções CSS e counters() agora podem ser usadas na parte de texto alternativo da content propriedade CSS.

Por exemplo:

::before {
  content: url("images/chapter-separator.png") / "Chapter" counter(chapter);
}

Veja também:

Propriedade CSS scroll-target-group

A scroll-target-group: auto propriedade CSS especifica que o elemento é um contêiner de grupo de marcadores de rolagem.

O navegador rastreia o marcador de rolagem atual dentro de contêineres de grupo de marcadores de rolagem e permite que você estilize <a> elementos usando a :target-current pseudoclasse.

Por exemplo, o snippet a seguir mostra como realçar automaticamente o capítulo visível no momento em um sumário:

<style>
  ol {
    right: 10px;
    top: 10px;
    position: fixed;
    scroll-target-group: auto;
  }

  a:target-current {
    color: red;
  }

  .chapter {
    height: 60vh;
    margin: 10px;
  }
</style>
<ol>
  <li><a href="#intro">Introduction</a></li>
  <li><a href="#ch1">Chapter 1</a></li>
  <li><a href="#ch2">Chapter 2</a></li>
</ol>
<div id="intro" class="chapter">Introduction content</div>
<div id="ch1" class="chapter">Chapter 1 content</div>
<div id="ch2" class="chapter">Chapter 2 content</div>

Veja também:

Aritmética tipada CSS

A aritmética tipada em CSS permite que você escreva expressões como calc(10em / 1px) ou calc(20% / 0.5em * 1px) para obter valores sem unidade. Valores sem unidade podem ser úteis para casos como tipografia.

A aritmética tipada CSS permite converter valores com unidades em valores sem unidade. Em seguida, você pode usar o valor sem unidade em propriedades CSS que aceitam números ou multiplicar ainda mais o valor sem unidade por um valor com outra unidade, como para converter um valor de pixels em um valor de graus.

Veja também:

Exibir a mudança de tempo da promessa de transição finished

Anteriormente, a promessa de uma transição de finished exibição era resolvida depois que o quadro visual que remove a transição de exibição era produzido pelo navegador. Isso pode causar cintilação no final da transição de exibição, se o código JavaScript modificar estilos.

O momento da finished promessa foi alterado para resolver esse problema.

Veja também:

Transições de exibição: mais propriedades de animação são herdadas

As seguintes propriedades de animação CSS agora são herdadas por pseudo-elementos de transição de exibição:

  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state
  • animation-delay

Veja também:

Transições de exibição aninhadas

As transições de exibição aninhadas permitem que as transições de exibição gerem uma árvore de pseudoelementos aninhada em vez de uma árvore de pseudoelementos plana, o que permite que certas transições de exibição se pareçam mais com seus elementos originais.

Alguns recursos CSS dependem da relação entre elementos na árvore DOM, como:

  • Recorte das overflowclip-pathpropriedades , ou border-radius .
  • Efeitos 3D das transformpropriedades , transform-style, ou perspective .
  • Mascaramento e efeitos das opacitypropriedades , mask-imageou filter .

A saída visual desses efeitos depende da estrutura da árvore DOM, e uma transição de exibição que nivela a árvore DOM pode fazer com que esses efeitos não funcionem conforme o esperado.

Veja também:

font-variation-settings descritor em @font-face regras

@font-face As regras agora dão suporte à font-variation-settings propriedade.

A font-variation-settings propriedade permite ajustar a espessura, a largura, a inclinação e outros eixos de uma fonte em elementos individuais. Agora, a propriedade também pode ser usada em @font-face declarações de regras, o font-variation-settings que pode ajudar a reduzir a repetição e facilitar a definição de estilos tipográficos.

Veja também:

APIs da Web

__Http- e __HostHttp- prefixos de nome de cookie

Para distinguir, no lado do servidor, entre os cookies que foram definidos pelo servidor e pelo cliente, os prefixos de __Http- nome e __HostHttp- agora estão disponíveis nos cookies.

Esses prefixos podem ser usados para marcar se um cookie foi definido no lado do cliente usando código JavaScript, como para verificar se um cookie que normalmente é sempre definido pelo servidor não foi definido inesperadamente pelo cliente.

Veja também:

overscroll-behavior Propagação de <html> para o visor

Anteriormente, overscroll-behavior era propagado do para <body> o visor da página. A overscroll-behavior propriedade agora é propagada do elemento raiz <html> para o visor.

Isso alinha o Microsoft Edge com outros navegadores.

Veja também:

min opção para ReadableStreamBYOBReader.read(view)

A min opção da ReadableStreamBYOBReader.read(view) API permite exigir que o fluxo aguarde até que pelo menos um número mínimo de elementos esteja disponível antes de resolver a operação de leitura.

A ReadableStreamBYOBReader.read(view) API permite que você forneça uma visualização de buffer na qual os dados do fluxo são lidos. A nova min opção pode ser usada para evitar resolver a operação de leitura do fluxo com menos elementos do que a exibição pode acomodar, o que é útil para aplicativos sensíveis ao desempenho em que os consumidores geralmente exigem um número mínimo de elementos antes de prosseguir com a decodificação, análise ou outra lógica de processamento.

Veja também:

container opção para scrollIntoView()

Por padrão, a scrollIntoView() função rola todos os ancestrais do elemento que também é um contêiner de rolagem.

A scrollIntoView() função agora dá suporte a uma container opção, que pode ser usada apenas para rolar o ancestral mais próximo.

Por exemplo:

slideList.addEventListener('click', event => {
  // scrollIntoView will automatically determine the position.
  event.target.targetSlide.scrollIntoView({container: 'nearest', behavior: 'smooth'});
});

Veja também:

Tempos de API de roteamento estático do trabalho de serviço

As novas informações de tempo da API de roteamento estático do trabalho de serviço agora estão disponíveis para as APIs de tempo de navegação e temporização de recursos. Essas informações permitem medir a latência incorrida pela API de roteamento estático, como o tempo de avaliação do roteador ou o tempo necessário para realizar a pesquisa de cache ou determinar se a origem correspondente é a fonte final usada.

As novas informações de tempo fornecem:

  • A rota correspondente (a rota avaliada pela API de roteamento estático).
  • A origem real da qual o recurso foi recuperado.
  • O tempo que levou para corresponder à rota.

Veja também:

O script SharedWorker herda controladores para URLs de blob

SharedWorker agora herdam controladores para URLs de blob. Isso torna o Microsoft Edge consistente com outros navegadores.

Veja também:

Popover Atributo ToggleEvent source

O source atributo das instâncias de um popover ToggleEvent agora se refere ao elemento que acionou o ToggleEvent, se aplicável.

Por exemplo, se um <button> elemento com o popovertarget atributo, ou o commandfor atributo configurado para abrir um popover, for clicado pelo usuário, ele ToggleEvent terá um source atributo definido para o botão de invocação.

Veja também:

Converter Uint8Array entre os formatos base64 e hexadecimal

Uint8Array os objetos têm os seguintes novos métodos para converter entre formatos de dados Base64 e Hex:

  • Uint8Array.fromBase64()
  • Uint8Array.fromHex()
  • Uint8Array.prototype.toBase64()
  • Uint8Array.prototype.toHex()
  • Uint8Array.prototype.setFromBase64()
  • Uint8Array.prototype.setFromHex()

Veja também:

highlightsFromPoint API

A highlightsFromPoint API permite que você interaja com destaques personalizados, detectando quais destaques existem em um ponto específico dentro de um documento.

A highlightsFromPoint API é útil para aplicativos em que vários destaques podem se sobrepor ou existir no DOM de sombra. Essa API possibilita o gerenciamento de interações dinâmicas que têm destaques personalizados de forma mais eficaz, como responder a cliques do usuário ou eventos de foco em regiões realçadas, para acionar dicas de ferramentas personalizadas, menus de contexto ou outros recursos interativos.

Veja também:

Recursos removidos

Foram removidas regras especiais de tamanho de fonte para <h1> dentro de alguns elementos

Anteriormente, margens especiais e tamanhos de fonte eram aplicados a <h1> elementos aninhados em <article>, <aside>, <nav>, e elementos <section> .

Essas regras especiais agora foram removidas, pois causavam problemas de acessibilidade, como reduzir visualmente o tamanho da fonte para elementos aninhados <h1> sem <h2> refletir essa alteração na árvore de acessibilidade.

Veja também:

Avaliações de origem

A seguir estão novas APIs experimentais que você pode experimentar em seu próprio site ativo por um tempo limitado.

Para saber mais sobre avaliações de origem, consulte Testar APIs e recursos experimentais usando avaliações de origem.

Para obter a lista completa de avaliações de origem disponíveis, consulte Avaliações de origem do Microsoft Edge.

Versões de avaliação de origem exclusivas do Microsoft Edge

Extensões de escopo do aplicativo Web

Expira em 31 de agosto de 2025

scope_extensions é um novo membro do manifesto do aplicativo Web que permite que os aplicativos Web estendam seu escopo para outras origens.

As extensões de escopo permitem que aplicativos Web que dependem de vários subdomínios e domínios de nível superior sejam apresentados como um único aplicativo Web.

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

As origens listadas no scope_extensions membro devem confirmar que estão associadas ao aplicativo Web, hospedando um arquivo de configuração chamado .well-known/web-app-origin-association. O arquivo deve listar a origem do aplicativo Web:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}
Preterimento de Alto Contraste da MS

Expira em 9 de setembro de 2025.

A avaliação de origem do MS High Contrast Deprecation habilita a consulta de mídia CSS -ms-high-contrast herdada e a propriedade herdada -ms-high-contrast-adjust .

Consulte Preterindo o suporte para -ms-high-contrast e -ms-high-contrast-adjust.

AriaNotify API

Expira em 14 de outubro de 2025.

A API AriaNotify permite que seu aplicativo diga diretamente a um leitor de tela o que dizer quando houver uma alteração não iniciada pelo usuário no conteúdo de uma página da Web. No cenário mais simples, você chama ariaNotify("foo") o documento ou um elemento.

Consulte Criando uma Web mais acessível com o Aria Notify.

API de Informações de Aquisição

Expira em 18 de dezembro de 2025.

A API de Informações de Aquisição dá suporte à atribuição de aquisição de terceiros para PWAs que foram adquiridos por meio de uma loja de aplicativos ou diretamente do navegador.

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