Compartilhar via

Notas de versão da plataforma Web do Microsoft Edge 137 (maio de 2025)

Seguem-se as novas funcionalidades e atualizações da plataforma Web no Microsoft Edge 137, que será lançado a 29 de maio 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 137).

WebView2

Consulte 1.0.3296.44 (3 de junho de 2025) em Notas de Versão Arquivadas para o SDK WebView2.

Funcionalidades da plataforma Web

Funcionalidades CSS

Função CSS if()

A função CSS if() fornece uma forma simples e concisa de expressar valores de lógica condicional.

A if() função aceita uma série de pares condition-value, delimitados por ponto e vírgula. A função avalia cada condição sequencialmente e devolve o valor associado à primeira true condição. Se nenhuma das condições for avaliada como true, a função devolve um fluxo de tokens vazio.

No exemplo seguinte, a if() função é utilizada para definir a cor de fundo de um div elemento com base no valor de uma propriedade --colorpersonalizada:

<style>
  div {
    color: var(--color);
    background-color: if(style(--color: white): black; else: white);
  }
  .dark {
    --color: black;
  }
  .light {
    --color: white;
  }
</style>
<div class="dark">dark</div>
<div class="light">light</div>

Veja Seleção de Valor Condicional: a notação if() em Valores CSS e Módulo de Unidades Nível 5.

CSS reading-flow e reading-order propriedades

A reading-flow propriedade CSS controla o seguinte:

  • A ordem pela qual os elementos num esquema flexível, de grelha ou de bloco são expostos a ferramentas de acessibilidade.
  • A ordem pela qual os elementos num esquema flexível, de grelha ou de bloco são focados ao utilizar a Tecla de Tabulação .

A reading-flow propriedade suporta os seguintes valores:

  • normal
  • flex-visual
  • flex-flow
  • grid-rows
  • grid-columns
  • grid-order
  • source-order

A reading-order propriedade CSS permite-lhe substituir manualmente a ordem num contentor de fluxo de leitura. O reading-order valor é um número inteiro predefinido como 0.

Veja também:

Suporte para shape() no offset-path

A shape() função CSS, que já é suportada pela clip-path propriedade CSS, é agora suportada também pela offset-path propriedade CSS.

Isto permite que a mesma forma seja reutilizada em várias propriedades CSS.

Veja offset-path na MDN.

Cor de destaque do sistema para accent-color a propriedade

A accent-color propriedade CSS permite-lhe personalizar a cor dos elementos do formulário, como caixas de verificação, botões de opção ou barras de progresso.

Agora, a cor predefinida da accent-color propriedade corresponde à cor de destaque do sistema operativo./g/blink-dev/c/WwYkLjbGhoA

Veja cor de destaque no MDN.

Nomes de transição de vistas geradas automaticamente

A view-transition-name propriedade CSS suporta dois novos valores, para evitar ter de inventar nomes exclusivos para elementos que participam numa transição de vista:

  • match-element - Gera um ID exclusivo baseado na identidade do elemento. Este valor é útil em aplicações de página única em que o elemento animado com uma transição de vista está a ser movido no DOM.

  • auto - Gera um ID exclusivo baseado no atributo do id elemento. Este valor só tem em conta o id atributo e ignora o tipo de elemento. Esta abordagem permite que uma transição de vista funcione em várias páginas de uma aplicação, onde os elementos com o mesmo id atributo podem ser de diferentes tipos.

Veja Determinar o view-transition-name automaticamente.

Suporte para o transform atributo em <svg>

As propriedades de transformação, como o dimensionamento, a rotação, a tradução e a distorção, são agora suportadas diretamente no <svg> elemento através do transform atributo .

Isto permite-lhe manipular todo o sistema de coordenadas SVG ou os respetivos conteúdos como um todo, proporcionando uma maior flexibilidade na criação de gráficos de vetor dinâmicos, reativos e interativos.

Ao suportar o transform atributo, um <svg> elemento pode ser transformado sem que seja necessário elementos de wrapper adicionais ou soluções complexas do CSS.

Veja Transformar na MDN.

Ignorar letter-spacing em scripts cursivos

Por especificação, o browser ignora agora a letter-spacing propriedade CSS ao compor scripts cursivos, para evitar quebras de palavras.

Se possível, o browser pode aplicar espaçamento entre letras ao traduzir o espaço extra para alongamento cursivo ou compressão. Se não for possível expandir o texto sem quebrar ligações cursivas, o browser trata cada palavra como uma única unidade tipográfica para espaçamento entre letras.

O alongamento cursivo ou a compressão adequados variam consoante:

  • Script.
  • Tipo de letra.
  • Idioma.
  • Word localização.
  • Localização da linha.
  • Complexidade da implementação.
  • Capacidades do tipo de letra.
  • Preferências de caligrafia.

O alongamento cursivo ou a compressão adequados podem envolver o encurtamento:

  • Ligaduras.
  • Variantes de swash.
  • Formulários contextuais.
  • Glifos de alongamento.

Evite aplicar a letter-spacing propriedade a scripts cursivos, a menos que possa aceitar resultados não interoperáveis.

Veja o espaçamento entre letras no MDN.

APIs da Web

Alterar o tipo de erro emitido para payment a criação de credenciais de Autenticação Web de SecurityError para NotAllowedError

Anteriormente, ao criar uma payment credencial num iframe de várias origens sem uma ativação do utilizador, foi emitida uma SecurityError .

O tipo de erro foi agora alterado para NotAllowedError, para corresponder ao tipo de erros que são emitidos para credenciais de não pagamento.

Veja API de Pedido de Pagamento na MDN.

Permitir que o elemento SVG <use> faça referência a documentos externos sem que seja necessário um ID de fragmento de URL

Os elementos SVG <use> podem agora ligar a documentos SVG externos sem precisarem de especificar um identificador de fragmento.

Anteriormente, precisava de referenciar explicitamente fragmentos em documentos SVG. Por exemplo:

<svg>
  <use xlink:href="myshape.svg#icon"></use>
</svg>

No exemplo acima, #icon está o identificador de fragmento que aponta para um elemento com o id="icon" atributo no myshape.svg documento. Se não tiver sido fornecido nenhum identificador, o <use> elemento não foi capaz de resolve o destino e nada foi composto.

Agora, pode omitir identificadores de fragmentos e fornecer apenas o nome de ficheiro de documento SVG externo. Ao fazê-lo, referencia automaticamente o elemento raiz com o documento SVG. Por exemplo:

<svg>
  <use xlink:href="myshape.svg"></use>
</svg>

Veja <use> em MDN.

Criação de partições de URLs de blobs

O acesso ao URL do blob está agora particionado por chave de armazenamento. As chaves de armazenamento são sites de nível superior, origens de molduras e o has-cross-site-ancestor valor booleano. As navegação de nível superior permanecem particionadas apenas por origem da moldura.

A criação de partições de acesso ao URL de Blobs por chave de armazenamento é semelhante ao que é atualmente implementado pelo Firefox e pelo Safari. Isto alinha a utilização do URL do Blob com o esquema de criação de partições que é utilizado por outras APIs de armazenamento como parte da Criação de Partições de Armazenamento.

Juntamente com essa alteração, o Microsoft Edge impõe noopener agora as navegação de nível superior iniciadas pelo compositor aos URLs de Blobs, em que o site correspondente é entre sites e o site de nível superior que está a efetuar a navegação. Isto alinha-se com um comportamento semelhante no Safari e com as especificações correspondentes.

A criação de partições de URL de blobs pode ser revertida temporariamente ao definir a PartitionedBlobUrlUsage política:

  • Se esta política estiver definida como Enabled ou não estiver definida, os URLs de Blob serão particionados.
  • Se esta política estiver definida como Disabled, os URLs do Blob não serão particionados.

Veja Restrições de acesso aos URLs de blobs na especificação da API de Ficheiros.

Pilhas de chamadas em relatórios de falhas de páginas Web sem resposta

Quando uma página Web deixa de responder devido ao código JavaScript executar um cálculo muito longo, como um ciclo infinito, a pilha de chamadas javascript é registada e incluída no relatório de falhas que é enviado para o ponto final do servidor da API de Relatórios configurado pelo site.

Veja API de Relatórios no MDN.

Tipos de cor de vírgula flutuante no <canvas>

CanvasRenderingContext2D, OffscreenCanvasRenderingContext2De ImageData os objetos suportam agora formatos de píxeis de vírgula flutuante, além de formatos de ponto fixo de 8 bits.

Esta alteração permite aplicações de alta precisão, tais como:

  • Visualizações médicas.
  • Conteúdo de intervalo dinâmico elevado.
  • Espaços de cores de trabalho lineares.

Veja Valores de Cor de Vírgula Flutuante de Tela.

Políticas de isolamento de documentos

As políticas de isolamento de documentos permitem que um documento ative o isolamento entre origens para si próprio, sem ter de utilizar cabeçalhos de resposta COOP (Cross-Origin-Opener-Policy) ou CoEP (Cross-Origin-Embedder-Policy) e independentemente do isolamento entre origens status da página.

Veja também:

Suporte do algoritmo de assinatura Ed25519 na API de Criptografia Web

A API de Criptografia Web suporta agora o algoritmo de assinatura Ed25519.

Veja Proteger Curvas no WebCrypto.

JavaScript Promise Integration (JSPI) no WebAssembly

O JavaScript Promise Integration (JSPI) é uma API que permite que as aplicações WebAssembly se integrem com Promessas de JavaScript.

O JSPI permite que um programa WebAssembly atue como o gerador de uma Promessa e permite que o programa WebAssembly interaja com APIs com promessas.

Quando uma aplicação utiliza JSPI para chamar uma API Promise-bearing (JavaScript):

  • O código do WebAssembly está suspenso.
  • O autor da chamada original para o programa WebAssembly recebe uma Promessa que será cumprida quando o programa WebAssembly for finalmente concluído.

Veja js-promise-integration.

Sugestão de ramo do WebAssembly

Para melhorar o desempenho do código do WebAssembly compilado, são utilizadas sugestões de ramo para informar o motor de que é muito provável que uma instrução de ramo específica siga um caminho específico.

Isto permite ao motor tomar melhores decisões para o esquema de código e registar a alocação.

Veja Sugestões de ramo.

Restringir os tipos de atributos e argumentos que SVGMatrix, SVGRect e SVGPoint aceitam

A definição de atributos e argumentos de SVGMatrix, SVGRect e SVGPoint para Infinity ou NaN agora não é permitida.

As definições de atributos ou argumentos para estes valores irão agora gerar uma exceção javaScript.

Veja API SVG no MDN.

API getComposedRanges de Seleção e direction

A API de Seleção suporta agora a seguinte propriedade e método:

  • Selection.direction devolve a direção da seleção como none, forwardou backward.
  • Selection.getComposedRanges() devolve uma lista de 0 ou 1 objetos compostosStaticRange .

Um composto StaticRange pode ultrapassar os limites do DOM sombra, ao contrário dos Range objetos.

Por exemplo:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

Para garantir que as árvores sombra desconhecidas não são expostas acidentalmente, se a seleção de texto atravessar um limite de raiz de sombra que não é fornecido na shadowRoots propriedade, os pontos finais dos devolvidos StaticRangeestarão fora dessa árvore sombra.

Veja o método Selection: getComposedRanges() na MDN.

WebGPU API

Vincular externalTexture a GPUTextureView

Ao criar um GPUBindGroup ao utilizar o WepGPU, pode agora vincular-se externalTexture a um GPUTextureView.

Isto ajuda em cenários como a utilização da API WebGPU para pipelines de efeitos de vídeo. Ao permitir a utilização de um compatível GPUTextureView em vez de um GPUExternalTexture, a lógica do sombreado é simplificada.

Veja GPUExternalTexture na MDN.

Copiar memórias intermédias inteiras com copyBufferToBuffer()

O GPUCommandEncoder.copyBufferToBuffer() método torna mais fácil copiar memórias intermédias inteiras, permitindo-lhe omitir os offsets parâmetros e size .

Veja GPUCommandEncoder: copyBufferToBuffer() method at MDN (Método GPUCommandEncoder: copyBufferToBuffer() na MDN.

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.

Novas versões de avaliação de origem Chromium

Colocar a reprodução de multimédia em iframes não compostos

Expira a 27 de janeiro de 2026.

A media-playback-while-not-visible política de permissões coloca em pausa todos os suportes de dados que estão a ser reproduzidos por iframes que não são atualmente compostos em frames não permitidos. Isto aplica-se sempre que a propriedade CSS do display iframe estiver definida como none ou quando a visibility propriedade estiver definida como hidden ou collapse.

Atualmente, HTMLMediaElements são AudioContexts suportados elementos multimédia.

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": "/"
  }
}
API de Informações de Aquisição

Expira a 30 de junho de 2025.

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

MS High Contrast Deprecation

Expira a 9 de setembro de 2025.

Ativa 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.

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