Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
Seguem-se as novas funcionalidades e atualizações da plataforma Web no Microsoft Edge 135, que será lançado a 3 de abril 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
- WebView2
-
Funcionalidades da plataforma Web
-
Funcionalidades CSS
-
Widget de carrossel CSS:
::columnpseudo-elemento -
Widget de carrossel CSS:
::scroll-markere::scroll-marker-groupspseudo-elementos -
Widget de carrossel CSS:
::scroll-button()pseudo-elemento - Estilo pseudo-elementos aninhados
-
Propriedade CSS
interactivity - Propriedades de capacidade excedida lógica do CSS
-
CSS
abs()esign()funções - Posicionamento da âncora CSS: deslocamento de deslocamento memorizado
-
Função CSS
shape() -
Funções CSS
progress() -
safe-area-max-inset-*variáveis
-
Widget de carrossel CSS:
- Funcionalidades HTML
-
APIs da Web
- Adicionar suporte mediaStreamTrack à API de Voz web
-
Criar cliente de trabalho de serviço e herdar o controlador de função de trabalho de serviço para iframe com
srcdoc - Distribuir eventos de clique para capturar o ponteiro
- Float16Array
-
sourceElementpropriedade paraNavigateEvent - PerformanceNavigationTiming API NotRestoredReasons name change (Alteração do nome da API PerformanceNavigationTiming NotRestoredReasons)
- API Observável
-
O URL do cliente da função de trabalho de serviço ignora
history.pushStateagora as alterações - Carimbos de data/hora para Frames Codificados rtC
- fetchLater API
- highlightsFromPoint API
- Funcionalidades preteridas ou removidas
-
Funcionalidades CSS
- Avaliações de origem
Edge DevTools
Veja Novidades no DevTools (Microsoft Edge 135).
WebView2
Consulte 1.0.3179.45 (7 de abril de 2025) em Notas de Versão Arquivadas para o SDK WebView2.
Funcionalidades da plataforma Web
Funcionalidades CSS
Widget de carrossel CSS: ::column pseudo-elemento
O ::column pseudo-elemento CSS representa as colunas individuais num contentor de várias colunas.
O contentor pode ser modelado com uma quantidade limitada de propriedades CSS.
O contentor pode ser encaixado pelo respetivo contentor de deslocamento, utilizando ::scroll-marker pseudo-elementos.
Widget de carrossel CSS: ::scroll-marker e ::scroll-marker-groups pseudo-elementos
Os ::scroll-marker pseudo-elementos e ::scroll-markers-group permitem criar um conjunto de marcadores com foco num contentor de deslocamento.
O conjunto de marcadores com foco é utilizado para ajustar o contentor de deslocamento a posições específicas.
Widget de carrossel CSS: ::scroll-button() pseudo-elemento
O ::scroll-button() pseudo-elemento permite criar botões de deslocamento como pseudo-elementos de um contentor de deslocamento.
Os botões de deslocamento são utilizados para deslocar o contentor na direção do botão, quando os botões de deslocamento são clicados.
Estilo pseudo-elementos aninhados
Os pseudo-elementos aninhados dentro de outros pseudo-elementos podem agora ser modelados ao utilizar ::before::marker e ::after::marker.
::column::scroll-marker ainda não tem suporte.
Propriedade CSS interactivity
A propriedade CSS interactivity especifica se um elemento e os seus descendentes de árvore plana (incluindo execuções de texto) estã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 capacidade excedida lógica do CSS
As overflow-inline propriedades E overflow-block CSS permitem que a definição exceda a direção inline e de bloco em relação ao modo de escrita.
- No modo de escrita horizontal,
overflow-inlinemapeia paraoverflow-x. - No modo de escrita vertical,
overflow-inlinemapeia paraoverflow-y.
CSS abs() e sign() funções
A abs(A) função devolve o valor absoluto de A, como o mesmo tipo que a entrada. O tipo de retorno é .<number>
A sign(A) função devolve:
-
-1se o valor numérico de A for negativo. -
+1se o valor numérico de A for positivo. -
0caso contrário.
O tipo de retorno é .<number>
Posicionamento da âncora CSS: deslocamento de deslocamento memorizado
Quando um elemento posicionado tem uma âncora predefinida e está amarrado a esta âncora numa extremidade e contra o bloco original que contém na outra extremidade, o deslocamento do deslocamento será tido em consideração ao dimensionar o elemento.
Ter em conta o deslocamento do deslocamento ao dimensionar o elemento permite utilizar todo o espaço visível para o elemento ancorado (utilizando position-area) quando o documento é deslocado num determinado deslocamento.
Para evitar redimensionar o elemento sempre que o documento é percorrido, é utilizado o conceito de "deslocamento de deslocamento memorizado", em vez de utilizar sempre o deslocamento de deslocamento atual.
Função CSS shape()
A shape() função CSS permite utilizar formas de forma livre e reativas na clip-path propriedade .
Pode definir uma série de verbos, equivalente aos verbos na path() função.
Pode utilizar unidades reativas, como % ou vw.
Pode utilizar 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 de início do progresso) para outro valor (o valor final do progresso).
-
progress()permite desenhar uma proporção de progresso a partir de funções matemáticas. -
media-progress()permite desenhar uma proporção de progresso a partir de funcionalidades de multimédia. -
container-progress()permite desenhar uma proporção de progresso a partir das funcionalidades do contentor.
safe-area-max-inset-* variáveis
As safe-area-max-inset-topvariáveis de ambiente , safe-area-max-inset-right, safe-area-max-inset-bottome safe-area-max-inset-left estão associadas às variáveis de conjunto de área segura, mas representam a área de segurança máxima possível.
A utilização da área de segurança máxima possível é útil para evitar atualizar o esquema de uma página quando o valor de conjunto de área segura aumenta.
Funcionalidades HTML
command atributos e commandfor HTML
Os command atributos e commandfor HTML para <button> elementos permitem-lhe atribuir comportamentos a botões de forma acessível e declarativa, ao mesmo tempo que reduz a frequência com que uma página JavaScript tem de ser utilizada para fornecer interatividade.
Quando clicado, tocado ou ativado através de uma keypress, um botão com os commandfor atributos e command distribui um CommandEvent no elemento referenciado por commandfor, com alguns comportamentos predefinidos, como abrir caixas de diálogo e pop-overs.
Ligação rel=facilitated-payment para suportar pagamentos push
O <link rel="facilitated-payment" href="..."> elemento funciona como uma sugestão que o browser utiliza para notificar os clientes de pagamento registados sobre um pagamento push pendente.
Suporte para rel e relList atributos em elementos SVG <a>
A interface SVGAElement no SVG 2.0 permite manipular elementos SVG <a> , que são semelhantes aos elementos de âncora HTML. Esta alteração adiciona suporte para os rel atributos e relList , para melhorar a segurança e a privacidade das suas páginas Web.
Esta abordagem alinha-se com o funcionamento dos elementos de âncora HTML e garante consistência e facilidade de utilização em SVG e HTML.
APIs da Web
Adicionar suporte mediaStreamTrack à API de Voz web
A API de Voz Web é uma API padrão da Web que lhe permite incorporar o reconhecimento de voz e a sintetização nas suas páginas Web.
A API de Voz Web utiliza o microfone predefinido do utilizador como entrada de áudio predefinida. O suporte mediaStreamTrack permite que um site utilize a API de Voz Web para legenda outras origens de áudio, incluindo faixas de áudio remotas.
Criar cliente de trabalho de serviço e herdar o controlador de função de trabalho de serviço para iframe com srcdoc
Um cliente de trabalho de serviço é agora criado para iframes que utilizam o srcdoc atributo . O cliente de trabalho de serviço criado herda da função de trabalho de serviço do principal do iframe.
Distribuir eventos de clique para capturar o ponteiro
Se um ponteiro for capturado enquanto o evento está a pointerup ser enviado, o click evento é enviado para o alvo capturado, em vez de ser enviado para o predecessor comum mais próximo de pointerdown e pointerup eventos.
Float16Array
A Float16Array matriz digitada é agora suportada. Os valores numéricos são arredondados para o formato de ponto flutuante de meia precisão (IEEE FP16) ao escrever numa Float16Array instância.
sourceElement propriedade para NavigateEvent
Quando uma navegação de página é iniciada por um elemento, como quando o utilizador clica numa ligação ou submete um formulário, o resultado NavigateEvent tem agora uma sourceElement propriedade que aponta para o elemento inicial.
PerformanceNavigationTiming API NotRestoredReasons name change (Alteração do nome da API PerformanceNavigationTiming NotRestoredReasons)
A API NotRestoredReasons faz parte da API PerformanceNavigationTiming. Esta alteração atualiza os nomes dos motivos para que correspondam à especificação.
Lista de alterações:
| Nome antigo | Novo nome |
|---|---|
extension-messaging, , pending-permission-requestnot-main-frame, frame-navigating, timeout, cookie-disabled, cookie-removed, printing, , web-database, injected-javascripteinjected-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 de programação reativa popular 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-lhe escrever código de estilo mais linear e declarativo e evitar chamadas de retorno aninhadas. Ou seja, os Observáveis permitem o processamento de eventos ergonómicos ao fornecer um Observable objeto que representa o fluxo assíncrono de eventos.
Pode "subscrever" este objeto para receber eventos à medida que entram e chamar qualquer um dos respetivos operadores para descrever declarativamente o fluxo de transformações através do qual os eventos vão. Isto contrasta com a versão imperativa , que muitas vezes requer um aninhamento complicado com abordagens como addEventListener().
Veja a especificação W3C Observável.
O URL do cliente da função de trabalho de serviço ignora history.pushState agora as alterações
A Client.url propriedade de uma função de trabalho de serviço, que é o URL do documento HTML inicial, ignora agora as alterações efetuadas pelo history.pushState() método e outras APIs de histórico semelhantes.
Carimbos de data/hora para Frames Codificados rtC
Os seguintes carimbos de data/hora estão agora expostos:
- Carimbo de data/hora de captura: o carimbo de data/hora em que uma moldura foi originalmente capturada.
- Carimbo de data/hora de receção: o carimbo de data/hora quando um fotograma foi recebido.
Estes carimbos de data/hora estão presentes em frames codificados por WebRTC que são transmitidos através de RTCPeerConnection.
Esta alteração permite que as aplicações de videoconferência que utilizam o WebRTC implementem medidas de latência para compreender melhor o desempenho.
fetchLater API
fetchLater() é uma API JavaScript para enviar um pedido de obtenção diferida. Depois de o pedido de obtenção diferido ter sido enviado, um pedido diferido é colocado em fila pelo browser num estado pendente .
Em seguida, o pedido de obtenção diferida é invocado pela primeira vez das seguintes condições:
- Quando o documento é destruído.
- Após uma hora especificada pelo utilizador.
- Quando o browser decidir que está na altura de enviar o pedido.
A API devolve um FetchLaterResult que contém o activated campo booleano. O activated campo booleano pode ser atualizado para saber se o pedido diferido foi enviado. Depois de o pedido diferido ter sido enviado com êxito, a resposta é ignorada pelo browser, incluindo o corpo e os cabeçalhos da página Web.
highlightsFromPoint API
A highlightsFromPoint() API permite que as suas páginas Web interajam com Os Destaques Personalizados do CSS ao detetar que destaques existem num ponto específico dentro de um documento.
A obtenção de destaques a partir de um ponto pode ser utilizada por uma aplicação Web para gerir interações do utilizador com destaques personalizados, tais como:
- Responder a um evento sensível à passagem do rato numa região realçada para acionar uma descrição personalizada.
- Respondendo a um utilizador, clique numa região realçada para acionar um menu de contexto (menu de contexto).
Funcionalidades preteridas ou removidas
As seguintes funcionalidades da API Web foram preteridas (ainda suportadas, mas não recomendadas) ou removidas.
Remover navigator.xr.supportsSession método
A propriedade preterida navigator.xr.supportsSession foi removida da API WebXR.
Na especificação WebXR em 2019, a navigator.xr.supportsSession propriedade foi marcada como preterida e foi substituída pelo navigator.xr.isSessionSupported() método .
Remover limite de WebGPU maxInterStageShaderComponents
O maxInterStageShaderComponents limite foi removido devido a:
Redundância com
maxInterStageShaderVariables, que já tem um objetivo semelhante: controlar a quantidade de dados transmitidos entre fases de sombreado.Pequenas discrepâncias: embora existam ligeiras diferenças na forma como os dois limites são calculados, estas diferenças são menores e podem ser efetivamente geridas dentro do
maxInterStageShaderVariableslimite.Simplificação: remover
maxInterStageShaderComponentssimplifica a interface de sombreado e reduz a complexidade da utilização da interface. Em vez de gerir dois limites separados (que se aplicam simultaneamente, mas com diferenças subtis), pode concentrar-se no mais adequado e abrangentemaxInterStageShaderVariables.
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
API de Bens Digitais
Expira a 31 de março de 2025.
A API de Bens Digitais permite que uma aplicação Web obtenha informações sobre os seus produtos digitais e as compras do utilizador geridas por uma loja digital. O agente de utilizador abstrai as ligações à loja e a API de Pedido de Pagamento é utilizada para fazer compras.
Acesso à Pasta Local da Aplicação Web
Expira a 31 de março de 2025.
O Acesso LocalFolder da Aplicação Web permite que uma Aplicação Web Progressiva (PWA) instalada na Microsoft Store aceda a conteúdos de ficheiros armazenados anteriormente na pasta WinRT ApplicationData.LocalFolder por uma versão anterior da aplicação.
Atributo de escrita manual HTML+IDL
Expira a 14 de junho de 2025.
O handwriting atributo fornece uma forma por documento e por elemento de controlar onde é permitida a entrada de escrita manual, como quando se utiliza um estilete.
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.
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.