Notas de versão da plataforma Web do Microsoft Edge 135 (abril de 2025)

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

WebView2

Consulte o SDK da versão 1.0.3179.45, para o Runtime 135 (7 de abril de 2025) em Notas de versão arquivadas para o SDK do WebView2.

Recursos da plataforma Web

Recursos CSS

O ::column pseudoelemento CSS representa as colunas individuais em um contêiner de várias colunas.

O contêiner pode ser estilizado com uma quantidade limitada de propriedades CSS.

O contêiner pode ser ajustado por seu contêiner de rolagem, usando ::scroll-marker pseudoelementos.

Os ::scroll-marker pseudo-elementos e ::scroll-markers-group permitem criar um conjunto de marcadores focalizáveis dentro de um contêiner de rolagem.

O conjunto de marcadores focalizáveis é usado para ajustar o contêiner de rolagem para posições específicas.

O ::scroll-button() pseudo-elemento permite criar botões de rolagem como pseudo-elementos de um contêiner de rolagem.

Os botões de rolagem são usados para rolar o contêiner na direção do botão, quando os botões de rolagem são clicados.

Estilo de pseudo-elementos aninhados

Pseudo-elementos que estão aninhados dentro de outros pseudo-elementos agora podem ser estilizados, usando ::before::marker e ::after::marker.

::column::scroll-marker ainda não tem suporte.

Propriedade CSS interactivity

A propriedade CSS especifica se um elemento e seus descendentes interactivity de árvore plana (incluindo execuções de texto) são inertes ou não.

Tornar um elemento inerte afeta:

  • Se o elemento pode ser focado, editado, selecionado e pesquisável por Localizar na página.
  • Se o elemento está visível na árvore de acessibilidade.
Propriedades de estouro lógico CSS

As overflow-inline propriedades e overflow-block CSS permitem definir o estouro na direção inline e block em relação ao modo de gravação.

  • No modo de escrita horizontal, overflow-inline mapeia para overflow-x.
  • No modo de escrita vertical, overflow-inline mapeia para overflow-y.
CSS abs() e sign() funções

A abs(A) função retorna o valor absoluto de A, como o mesmo tipo da entrada. O tipo de retorno é um <number>.

A sign(A) função retorna:

  • -1 se o valor numérico de A for negativo.
  • +1 se o valor numérico de A for positivo.
  • 0 caso contrário.

O tipo de retorno é um <number>.

Posicionamento de âncora CSS: deslocamento de rolagem lembrado

Quando um elemento posicionado tem uma âncora padrão e está amarrado a essa âncora em uma aresta e contra o bloco original na outra aresta, o deslocamento de rolagem será levado em consideração ao dimensionar o elemento.

Levar em consideração o deslocamento de rolagem ao dimensionar o elemento permite usar todo o espaço visível para o elemento ancorado (usando position-area) quando o documento é rolado em um determinado deslocamento de rolagem.

Para evitar redimensionar o elemento toda vez que o documento for rolado, o conceito de "deslocamento de rolagem lembrado" é usado, em vez de sempre usar o deslocamento de rolagem atual.

Função CSS shape()

A shape() função CSS permite usar formas de forma livre e responsivas na clip-path propriedade.

Você pode definir uma série de verbos, equivalentes aos verbos na path() função.

Você pode usar unidades responsivas, como % ou vw.

Você pode usar valores CSS, como propriedades personalizadas.

Funções CSS progress()

As progress()funções , media-progress(), e container-progress() representam a distância proporcional de um determinado valor (o valor de progresso) de um valor (o valor inicial do progresso) para outro valor (o valor final do progresso).

  • progress() Permite desenhar uma taxa de progresso a partir de funções matemáticas.
  • media-progress() Permite desenhar uma taxa de progresso dos recursos de mídia.
  • container-progress() Permite desenhar uma taxa de progresso dos recursos do contêiner.
safe-area-max-inset-* variáveis

As safe-area-max-inset-topvariáveis , safe-area-max-inset-right, safe-area-max-inset-bottome safe-area-max-inset-left ambiente estão vinculadas às variáveis de inserção da área segura, mas representam a área segura máxima possível.

Usar a área segura máxima possível é útil para evitar atualizar o layout de uma página quando o valor da inserção da área segura aumentar.

Recursos HTML

command e commandfor atributos HTML

Os command atributos e commandfor HTML para <button> elementos permitem atribuir comportamento aos botões de maneira acessível e declarativa, reduzindo a frequência com que uma página JavaScript deve ser usada para fornecer interatividade.

Quando clicado, tocado ou ativado por meio de um pressionamento de tecla, um botão com os atributos and despacha commandfor um CommandEvent no elemento referenciado por commandfor, com alguns comportamentos padrão, como abrir caixas de diálogo e command popovers.

O <link rel="facilitated-payment" href="..."> elemento atua como uma dica que o navegador usa para notificar clientes de pagamento registrados sobre um pagamento por push pendente.

Suporte e relrelList atributos em elementos SVG <a>

A interface SVGAElement no SVG 2.0 permite manipular elementos SVG <a> , que são semelhantes aos elementos âncora HTML. Essa alteração adiciona suporte para os atributos and relList para aprimorar a segurança e a rel privacidade de suas páginas da Web.

Essa abordagem se alinha com a forma como os elementos de âncora HTML funcionam e garante consistência e facilidade de uso em SVG e HTML.

APIs da Web

Adicionar suporte a MediaStreamTrack à Web Speech API

A API Web Speech é uma API padrão da Web que permite incorporar o reconhecimento e a síntese de fala em suas páginas da Web.

A API Web Speech usa o microfone padrão do usuário como a entrada de áudio padrão. O suporte ao MediaStreamTrack permite que um site use a API Web Speech para legendas outras fontes de áudio, incluindo faixas de áudio remotas.

Criar cliente de trabalho de serviço e herdar controlador de trabalho de serviço para iframe com srcdoc

Um cliente de trabalho de serviço agora é criado para iframes que usam o srcdoc atributo. O cliente de trabalho de serviço criado herda do trabalho de serviço do pai do iframe.

Despachando eventos de clique para o ponteiro capturado

Se um ponteiro for capturado enquanto o pointerup evento está sendo despachado, o click evento será despachado para o destino capturado, em vez de ser despachado para o ancestral comum mais próximo de pointerdown e pointerup eventos.

Float16Array

A Float16Array matriz tipada agora tem suporte. Os valores numéricos são arredondados para o formato de ponto flutuante de meia precisão (IEEE FP16) ao gravar em uma Float16Array instância.

sourceElement propriedade para NavigateEvent

Quando uma navegação de página é iniciada por um elemento, como quando o usuário clica em um link ou envia um formulário, o resultado NavigateEvent agora tem uma sourceElement propriedade que aponta para o elemento inicial.

API PerformanceNavigationTiming Mudança de nome NotRestoredReasons

A API NotRestoredReasons faz parte da API PerformanceNavigationTimen. Essa alteração atualiza os nomes dos motivos para que eles correspondam à especificação.

Lista de alterações:

Nome antigo Novo nome
extension-messaging, pending-permission-request, not-main-frame, frame-navigating, timeout, cookie-disabledweb-databasecookie-removedprintinginjected-javascript, , einjected-stylesheet masked
response-method-not-get request-method-not-get
serviceworker-version-activation serviceworker-version-activated
serviceworker-added-after-bfcache serviceworker-added
serviceworker-unregistration serviceworker-unregistered
unload-handler unload-listener
session-restored null
API observável

Os observáveis são um paradigma popular de programação reativa para lidar com um fluxo assíncrono de eventos baseados em push. Os observáveis podem ser considerados promessas, mas para vários eventos. Os observáveis permitem que você escreva um código de estilo mais linear e declarativo e evite retornos de chamada aninhados. Ou seja, os observáveis permitem a manipulação ergonômica de eventos, fornecendo um Observable objeto que representa o fluxo assíncrono de eventos.

Você pode "assinar" esse objeto para receber eventos à medida que eles entram e chamar qualquer um de seus operadores para descrever declarativamente o fluxo de transformações pelas quais os eventos passam. Isso contrasta com a versão imperativa , que geralmente requer aninhamento complicado com abordagens como addEventListener().

Consulte a especificação do W3C Observable.

O URL do cliente de trabalho de serviço agora ignora as history.pushState alterações

A Client.url propriedade de um trabalho de serviço, que é a URL do documento HTML inicial, agora ignora as alterações feitas pelo método e outras history.pushState() APIs de histórico semelhantes.

Carimbos de data/hora para quadros codificados RTC

Os seguintes carimbos de data/hora agora estão expostos:

  • Captura de carimbo de data/hora: o carimbo de data/hora em que um quadro foi capturado originalmente.
  • Receber carimbo de data/hora: O carimbo de data/hora em que um quadro foi recebido.

Esses carimbos de data/hora estão presentes em quadros codificados em WebRTC que são transmitidos via RTCPeerConnection.

Essa alteração permite que aplicativos de videoconferência que usam WebRTC implementem medições de latência para entender melhor o desempenho.

API fetchLater

fetchLater() é uma API JavaScript para enviar uma solicitação de busca adiada. Depois que a solicitação de busca adiada é enviada, uma solicitação adiada é enfileirada pelo navegador em um estado pendente .

A solicitação de busca adiada é então invocada pela primeira das seguintes condições:

  • Quando o documento for destruído.
  • Após um horário especificado pelo usuário.
  • Quando o navegador decidir que é hora de enviar a solicitação.

A API retorna um FetchLaterResult que contém o activated campo booleano. O activated campo booleano pode ser atualizado para informar se a solicitação adiada foi enviada. Depois que a solicitação adiada for enviada com êxito, a resposta será ignorada pelo navegador, incluindo o corpo e os cabeçalhos da página da Web.

API highlightsFromPoint

A highlightsFromPoint() API permite que suas páginas da Web interajam com os destaques personalizados CSS, detectando quais destaques existem em um ponto específico dentro de um documento.

Obter destaques de um ponto pode ser usado por um aplicativo Web para gerenciar as interações do usuário com realces personalizados, como:

  • Respondendo a um evento de foco em uma região realçada, para acionar uma dica de ferramenta personalizada.
  • Respondendo a um clique do usuário em uma região realçada, para acionar um menu de clique com o botão direito do mouse (menu de contexto).

Recursos preteridos ou removidos

Os seguintes recursos da API Web foram preteridos (ainda com suporte, mas não recomendados) ou removidos.

Método de remoção navigator.xr.supportsSession

A propriedade preterida navigator.xr.supportsSession foi removida da API WebXR.

Na especificação WebXR em 2019, a propriedade foi marcada como preterida navigator.xr.supportsSession e foi substituída navigator.xr.isSessionSupported() pelo método.

Remover limite de WebGPU maxInterStageShaderComponents

O maxInterStageShaderComponents limite foi removido devido a:

  • Redundância com maxInterStageShaderVariables, que já serve a um propósito semelhante: controlar a quantidade de dados que são passados entre os estágios do sombreador.

  • Pequenas discrepâncias: embora existam pequenas diferenças na forma como os dois limites são calculados, essas diferenças são pequenas e podem ser gerenciadas com eficácia dentro do maxInterStageShaderVariables limite.

  • Simplificação: a remoção maxInterStageShaderComponents simplifica a interface do sombreador e reduz a complexidade do uso da interface. Em vez de gerenciar dois limites separados (que se aplicam simultaneamente, mas com diferenças sutis), você pode apenas se concentrar no nome mais apropriado e abrangente maxInterStageShaderVariables.

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

API de Bens Digitais

Expira em 31 de março de 2025.

A API de Produtos Digitais permite que um aplicativo da web obtenha informações sobre seus produtos digitais e as compras do usuário gerenciadas por uma loja digital. O agente do usuário abstrai as conexões com a loja e a API de solicitação de pagamento é usada para fazer compras.

Acesso a LocalFolder de Aplicativo Web

Expira em 31 de março de 2025.

O Acesso LocalFolder do Aplicativo Web permite que um PWA (Aplicativo Web Progressivo) instalado pela Microsoft Store acesse o conteúdo do arquivo que foi armazenado anteriormente na pasta WinRT ApplicationData.LocalFolder por uma versão anterior do aplicativo.

Atributo de manuscrito HTML+IDL

Expira em 14 de junho de 2025.

O handwriting atributo fornece uma maneira por documento e por elemento de controlar onde a entrada de manuscrito, como ao usar uma caneta, é permitida.

API de Informações de Aquisição

Expira em 30 de junho de 2025.

A API de Informações de Aquisição dá suporte à atribuição de aquisição 3P 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