Partilhar via

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

Seguem-se as novas funcionalidades e atualizações da plataforma Web no Microsoft Edge 140, que será lançado a 4 de setembro de 2025.

Para se manter atualizado e obter as funcionalidades mais recentes da plataforma Web, transfira um canal de pré-visualização do Microsoft Edge (Beta, Dev ou Canary); aceda a Tornar-se um Microsoft Edge Insider.

Conteúdo detalhado:

Edge DevTools

Veja Novidades no DevTools (Microsoft Edge 140).

WebView2

Consulte 1.0.3485.44 (8 de setembro de 2025) em Notas de Versão do SDK WebView2.

Funcionalidades da plataforma Web

Funcionalidades CSS

Propriedade CSS caret-animation

O Microsoft Edge suporta a animação da caret-color propriedade CSS. No entanto, quando animado, o comportamento intermitente predefinido do acento circunflexo interferiu com a animação.

A caret-animation propriedade suporta agora dois valores:

  • auto: ocorre o comportamento de piscar do browser predefinido.
  • manual: controla a animação de acento circunflexo.

Veja também:

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

As counter() funções E counters() CSS podem agora ser utilizadas 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 contentor de grupo de marcadores de deslocamento.

O browser monitoriza o marcador de deslocamento atual nos contentores do grupo de marcadores de deslocamento e permite-lhe modelar <a> elementos com a :target-current pseudoclasse.

Por exemplo, o fragmento seguinte mostra como realçar automaticamente o capítulo atualmente visível num índice:

<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 digitada CSS

A aritmética escrita no CSS permite-lhe escrever expressões como calc(10em / 1px) ou calc(20% / 0.5em * 1px) obter valores sem unidades. Os valores sem unidades podem ser úteis para casos como tipografia.

A aritmética com tipo CSS permite-lhe converter valores com unidades em valores sem unidades. Em seguida, pode utilizar o valor unitless nas propriedades CSS que aceitam números ou multiplicar ainda mais o valor unitless por um valor com outra unidade, como converter um valor de píxeis num valor de graus.

Veja também:

Ver alteração da temporização da promessa de transição finished

Anteriormente, a promessa de uma transição de finished vista foi resolvida após o frame visual que remove a transição de vista ter sido produzido pelo browser. Isto pode causar cintilação no final da transição de vista, se o código JavaScript modificar os estilos.

O momento da finished promessa foi agora alterado para resolver este problema.

Veja também:

Ver transições: são herdadas mais propriedades de animação

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

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

Veja também:

Transições de vistas aninhadas

As transições de vistas aninhadas permitem que as transições de vistas gerem uma árvore de pseudo-elementos aninhada em vez de uma árvore de pseudo-elementos plana, o que permite que determinadas transições de vista apareçam mais como os elementos originais.

Algumas funcionalidades do CSS dependem da relação entre elementos na árvore DOM, tais como:

  • Recorte das overflowpropriedades , clip-pathou border-radius .
  • Efeitos 3D das transformpropriedades , transform-styleou perspective .
  • Mascarar e efeitos das opacitypropriedades , mask-imageou filter .

A saída visual destes efeitos depende da estrutura da árvore DOM e uma transição de vista que aplana a árvore DOM pode fazer com que estes efeitos não funcionem conforme esperado.

Veja também:

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

@font-face as regras suportam agora a font-variation-settings propriedade .

A font-variation-settings propriedade permite-lhe ajustar a espessura, largura, inclinação e outros eixos de um tipo de letra em elementos individuais. Agora, a font-variation-settings propriedade também pode ser utilizada em @font-face declarações de regras, o 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, do lado do servidor, entre os cookies que foram definidos pelo servidor e o cliente, os __Http- prefixos de nome e __HostHttp- estão agora disponíveis em cookies.

Estes prefixos podem ser utilizados para marcar se um cookie tiver sido definido no lado do cliente através do código JavaScript, tal como para verificar se um cookie normalmente definido pelo servidor não foi definido inesperadamente pelo cliente.

Veja também:

overscroll-behavior propagação de <html> para a janela viewport

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

Isto alinha o Microsoft Edge com outros browsers.

Veja também:

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

A min opção para a ReadableStreamBYOBReader.read(view) API permite-lhe 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-lhe fornecer uma vista de memória intermédia na qual os dados de fluxo são lidos. A nova min opção pode ser utilizada para evitar resolver a operação de leitura do fluxo com menos elementos do que a vista pode acomodar, o que é útil para aplicações sensíveis ao desempenho em que os consumidores precisam frequentemente de um número mínimo de elementos antes de poderem prosseguir com a descodificação, análise ou outra lógica de processamento.

Veja também:

container opção para scrollIntoView()

Por predefinição, a scrollIntoView() função desloca todos os predecessores do elemento que também é um contentor de deslocamento.

A scrollIntoView() função suporta agora uma container opção, que pode ser utilizada apenas para deslocar o predecessor 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:

Temporizações da API de encaminhamento estático da função de trabalho de serviço

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

As novas informações de temporização fornecem:

  • A rota correspondida (a rota que a API de encaminhamento estático avaliou).
  • A origem real a partir da qual o recurso foi obtido.
  • O tempo que demorou a corresponder à rota.

Veja também:

O script SharedWorker herda controladores para URLs de Blobs

SharedWorker as instâncias herdam agora controladores para URLs de Blobs. Isto torna o Microsoft Edge consistente com outros browsers.

Veja também:

Atributo Desativar/Desativar source Evento de Pop-over

O source atributo das instâncias de ToggleEvent um pop-over refere-se agora 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 pop-over for clicado pelo utilizador, o ToggleEvent tem um source atributo definido para o botão de invocação.

Veja também:

Converter Uint8Array entre formatos base64 e hexadecim

Uint8Array Os objetos têm os seguintes novos métodos para converter entre os 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-lhe interagir com destaques personalizados ao detetar que destaques existem num ponto específico dentro de um documento.

A highlightsFromPoint API é útil para aplicações em que vários destaques podem sobrepor-se ou existir dentro do DOM sombra. Esta API permite gerir interações dinâmicas que têm destaques personalizados de forma mais eficaz, como responder a cliques de utilizadores ou pairar o rato em eventos em regiões realçadas, para acionar descrições personalizadas, menus de contexto ou outras funcionalidades interativas.

Veja também:

Recursos removidos

Foram removidas regras especiais de tamanho do tipo de letra em <h1> alguns elementos

Anteriormente, as margens especiais e os tamanhos do tipo de letra eram aplicados a <h1> elementos aninhados em <article>, <aside>, <nav>e <section> elementos.

Estas regras especiais são agora removidas, porque causaram problemas de acessibilidade, como reduzir visualmente o tamanho do tipo de letra para elementos aninhados <h1> , <h2> sem refletir esta alteração na árvore de acessibilidade.

Veja também:

Avaliações de origem

Seguem-se novas APIs experimentais que pode experimentar no seu próprio site em direto durante um período de tempo limitado.

Para saber mais sobre as avaliações de origem, veja Testar APIs experimentais e funcionalidades através de avaliações de origem.

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

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

Extensões de âmbito de aplicação Web

Expira a 31 de agosto de 2025

scope_extensions é um novo membro do manifesto da aplicação Web que permite que as aplicações Web expandam o respetivo âmbito para outras origens.

As extensões de âmbito permitem que as aplicações Web que dependem de vários subdomínios e domínios de nível superior sejam apresentadas como uma única aplicação Web.

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

As origens listadas no membro têm de confirmar que estão associadas à aplicação Web ao alojar um ficheiro de configuração com o scope_extensions nome .well-known/web-app-origin-association. O ficheiro tem de listar a origem da aplicação Web:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}
MS High Contrast Deprecation

Expira a 9 de setembro de 2025.

A avaliação de origem da Preterição de Alto Contraste da MS permite a consulta de multimédia CSS -ms-high-contrast legada e a propriedade legada -ms-high-contrast-adjust .

Veja Preterir o suporte para -ms-high-contrast e -ms-high-contrast-adjust.

AriaNotify API

Expira a 14 de outubro de 2025.

A API AriaNotify permite que a sua aplicação diga diretamente a um leitor de ecrã o que dizer quando existe uma alteração não iniciada pelo utilizador no conteúdo de uma página Web. No cenário mais simples, chama ariaNotify("foo") no documento ou num elemento.

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

API de Informações de Aquisição

Expira a 18 de dezembro de 2025.

A API de Informações de Aquisição suporta a atribuição de aquisição de terceiros para PWAs que foram adquiridas através de uma loja de aplicações ou diretamente a partir do browser.

Observação

Partes desta página são modificações baseadas no trabalho criado e partilhado pela Chromium.org e utilizado de acordo com os termos descritos na Licença Internacional Creative Commons Attribution 4.0.

  • Last updated on