Notas de versão da plataforma Web do Microsoft Edge 150 (jul. 2026)

Seguem-se as novas funcionalidades e atualizações da plataforma Web no Microsoft Edge 150, que é lançada a 2 de julho de 2026.

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:

Microsoft Edge DevTools

Veja Novidades no Microsoft Edge DevTools.

WebView2

Veja Notas de versão do SDK WebView2.

Funcionalidades CSS

As seguintes novas funcionalidades de Folhas de Estilos em Cascata (CSS) estão incluídas no Microsoft Edge.

AccentColor e AccentColorText cores do sistema

As AccentColor cores do sistema e AccentColorText podem agora ser utilizadas como valores de cor CSS para aceder à cor de destaque do sistema especificada no dispositivo do utilizador.

Veja também:

Permitir parâmetro de arredondamento opcional para polygon()

Permite um parâmetro opcional round na polygon() função de forma CSS. Pode especificar um valor de comprimento para arredondar cantos de polígonos, sem calcular manualmente curvas bezier.

Por exemplo, para criar um triângulo arredondado: polygon(round 50px, 50% 0%, 0% 100%, 100% 100%)

Veja também:

Zoom animatável

A propriedade CSS zoom pode ser animada e interpola como um <number>. Pode fazer a transição e animar o zoom para dimensionar sem problemas os elementos e o respetivo esquema, complementando o dimensionamento baseado na transformação existente.

Veja também:

Modificadores de pedidos de URL do CSS

As seguintes funções CSS podem ser utilizadas com a função CSS url() para controlar o comportamento de obtenção do recurso referenciado:

  • cross-origin()
  • integrity()
  • referrer-policy()

Por exemplo, background-image: url("image.png" cross-origin(anonymous)) obtém a imagem através do modo anónimo CORS.

Isto dá-lhe controlo detalhado sobre o acesso entre origens, a integridade da sub-origem e a política de referência para recursos carregados de CSS, incluindo:

  • Imagens.
  • Tipos de letra.
  • Referências SVG.
  • Folhas de estilo importadas.

Veja também:

Propriedade CSS text-fit

A propriedade CSS text-fit dimensiona o tamanho do tipo de letra de um nó de texto para se ajustar perfeitamente à largura da caixa de contenção.

Esta propriedade permite-lhe garantir que os cabeçalhos ou conteúdo dinâmico preenchem o espaço horizontal disponível, sem cálculos manuais do tamanho do tipo de letra ou soluções complexas de JavaScript.

Esta propriedade fornece uma solução robusta nativa de CSS para tipografia reativa que mantém o alinhamento visual em diferentes tamanhos de ecrã e comprimentos de texto variáveis.

Veja também:

CSS background-clip: border-area

A propriedade CSS background-clip: border-area recorta o fundo de um elemento para a área pintada pelos traços de limite, tendo border-width em conta e border-style ignorando a transparência de border-color.

Isto permite limites de gradação sem border-image.

Veja também:

Função CSS image(<color>)

A função CSS image() permite-lhe gerar facilmente uma imagem de cor sólida a partir de qualquer cor.

Por exemplo, para criar uma imagem de fundo vermelha sólida, utilize background: image(red);.

Veja também:

CSS light-dark() com valores de imagem

A função CSS light-dark() aceita agora valores de imagem (url(), image-set(), none).

Isto permite alternar automaticamente entre imagens com base no esquema de cores preferido do utilizador.

Pode utilizar a light-dark() função com valores de imagem nas seguintes propriedades:

  • background-image
  • list-style-image
  • border-image-source
  • cursor
  • content

Veja também:

Consultas de contentor separadas por vírgulas

A @container regra suporta agora múltiplas consultas de contentor, separadas por vírgulas. A @container regra aplica-se se, pelo menos, uma das consultas corresponder.

Isto permite ter consultas de contingência para funcionalidades que não são suportadas em todos os browsers.

Exemplo:

@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}

Veja também:

Expor áreas imprimíveis através do CSS

Utilize a propriedade CSS page-margin-safety para evitar tentar imprimir em áreas imprimíveis de uma folha de papel.

Normalmente, uma impressora tem uma pequena área em cada uma das quatro extremidades de uma folha de papel que a impressora não consegue marcar de forma fiável, normalmente devido ao mecanismo de processamento de papel da impressora.

Espera-se que as margens de página predefinidas sejam maiores do que estas áreas de limite de papel, mas se definir margens na sua aplicação e quiser adicionar @page caixas de margem (como cabeçalhos e rodapés personalizados), a page-margin-safety propriedade fornece uma forma de detetar onde é seguro imprimir.

Veja também:

Pseudo-classes de elementos multimédia

As seguintes pseudo-classes CSS correspondem <audio> e <video> os elementos com base no respetivo estado:

  • :playing
  • :paused
  • :seeking
  • :buffering
  • :stalled
  • :muted
  • :volume-locked

Veja também:

named-feature() função para CSS @supports

A named-feature() função permite que as regras CSS @supports consultem um pequeno conjunto de funcionalidades nomeadas específicas que não são possíveis de testar com outros @supports mecanismos, mas que são importantes de testar.

Veja também:

overscroll-behavior: chain

A overscroll-behavior propriedade CSS suporta agora o chain valor.

Esta propriedade afeta dois efeitos independentes:

  • Propagação de deslocamento.
  • Efeito de limite local (como alongamento de overscroll).

Anteriormente, overscroll-behavior tinha três valores:

  • none: sem propagação, sem efeito local.
  • auto: propagação, efeito local.
  • contain: sem propagação, efeito local.

Esta funcionalidade adiciona um novo valor para concluir o conjunto:

  • chain: propagação, sem efeito local.

Veja também:

flex-wrap:balance

flex-wrap:balance permite-lhe distribuir conteúdo entre cada flex-line, para que o esquema apareça mais equilibrado.

Isto é semelhante a text-wrap:balance.

Veja também:

Funcionalidades HTML

As seguintes novas funcionalidades HTML estão incluídas no Microsoft Edge.

focusgroup atributo

O atributo HTML focusgroup uniformiza a navegação do teclado para widgets compostos, como barras de ferramentas, separadores, menus e grupos de rádio.

O focusgroup atributo processa automaticamente o seguinte, sem que seja necessário código JavaScript personalizado:

  • O comportamento do tabindex itinerante.
  • Navegação através das teclas de seta.
  • Memória de foco; restaura o último elemento focado ao voltar a introduzir o grupo de foco.

Exemplo:

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

Veja também:

popover="hint" alterações de comportamento do atributo

O comportamento dos elementos com o popover="hint" atributo foi alterado para melhorar as interações com popover="auto" elementos: abrir um popover="hint" elemento deixará de fechar inadvertidamente elementos não relacionados popover="auto" .

Anteriormente, as interações entre estes dois tipos de elementos de pop-over poderiam ser complexas em algumas situações, como aninhar popover="auto" elementos dentro popover="hint" de elementos.

popover="hint" os elementos são agora apenas ocultados quando o elemento ancester popover="auto" está oculto ou quando um novo elemento não relacionado popover="auto" é aberto.

Além disso, agora pode aninhar com segurança um popover="auto" elemento dentro de um popover="hint" elemento. O elemento aninhado popover="auto" irá comportar-se como um popover="hint" elemento. Isto permite casos de utilização, como colocar um elemento personalizável <select> num popover="hint" elemento.

Veja também:

Atualizar todos os <selectedcontent> elementos num elemento personalizável <select>

Quando vários <selectedcontent> elementos são definidos num elemento personalizável <select> , todos eles são agora mantidos atualizados com a opção selecionada atual, em vez de apenas o primeiro por ordem DOM.

Veja também:

Transmissão em fluxo html fora de ordem

Utilize o <template for> elemento HTML e os <?start> intervalos de instruções de processamento e <?end> para atualizar partes existentes do documento sem ter de utilizar JavaScript.

Esta funcionalidade faz parte de uma iniciativa maior para adicionar suporte incorporado para atualizações do mesmo documento na Web.

Veja também:

APIs da Web

As seguintes novas funcionalidades da API Web estão incluídas no Microsoft Edge.

Desativar filtros SVG em iframes e plug-ins de várias origens

Os filtros SVG já não são aplicados ao seguinte:

  • Iframes de várias origens ou restritas (como iframes em sandbox).
  • Plug-ins incorporados (como PDFs).

Isto impede que potenciais problemas de segurança de conteúdo de várias origens sejam processados através de efeitos de filtro SVG.

Veja também:

MediaStreamTrackProcessor contadores de molduras

Os discardedFrames atributos e totalFrames estão agora disponíveis na MediaStreamTrackProcessor interface.

Estes contadores permitem-lhe monitorizar o estado de funcionamento do pipeline de processamento de multimédia através do controlo:

  • O número de fotogramas que foram recebidos.
  • O número de frames que foram removidos devido a restrições de recursos do sistema.

Veja também:

Origem opaca para data: URLs

Os Trabalhadores Dedicados e os Trabalhadores Partilhados criados a partir de data: URLs recebem agora uma origem opaca exclusiva, em vez de herdar a origem do criador.

Isto alinha o Edge com o HTML Standard e melhora a segurança ao isolar estes trabalhadores do estado da mesma origem, como BroadcastChannel, localStoragee IndexedDB.

Para preservar os limites de isolamento, estes trabalhadores permanecem na mesma partição de armazenamento que o criador (por exemplo, por site de nível superior ou nonce).

Veja também:

Migração de origem do PWA

A Migração de Origem da Aplicação Web permite que uma Aplicação Web Progressiva (PWA) migre para uma nova origem, preservando a confiança, o estado de instalação e as permissões aplicáveis.

Isto ajuda as equipas a mover aplicações em segurança entre domínios sem forçar os utilizadores a reinstalar.

Veja também:

Receber notificações quando os scrollBy métodos e scrollTo estiverem concluídos

Os métodos de deslocamento programático, como scrollBy e scrollTo, devolvem agora um Promise objeto que é resolvido quando o deslocamento é concluído. Utilize esta promessa para executar o código após a conclusão de um deslocamento suave, sem depender de um temporizador ou de uma consulta de evento de deslocamento.

Veja também:

API de Voz Na Web: qualidade de reconhecimento no dispositivo

A SpeechRecognition interface suporta agora a quality propriedade .

A quality propriedade permite-lhe especificar a capacidade semântica necessária para o reconhecimento que utiliza processLocally: trueo , também conhecido como reconhecimento no dispositivo.

Os valores suportados pelo mapa de quality propriedades para aumentar a complexidade das tarefas e os requisitos de hardware:

  • command
  • dictation
  • conversation

Com a quality propriedade , pode determinar se o dispositivo consegue processar o seu caso de utilização com o reconhecimento no dispositivo ou se deve reverter para um serviço de reconhecimento na cloud.

Veja também:

WebGPU: Imediatos

A WebGPU suporta agora imediatos.

Esta funcionalidade adiciona um immediate espaço de endereços no WGSL e setImmediateData() métodos nos codificadores de pacotes de composição, passagem de computação e composição. Pode utilizar estas APIs para transmitir valores pequenos e frequentemente atualizados para sombreados sem criar memórias intermédias de GPU ou grupos de enlace.

Isto é útil para dados por desenho, como índices de objetos, índices materiais e valores de transformação.

Veja também:

Avaliações de origem

Seguem-se as avaliações de origem para novas APIs experimentais que estão disponíveis no Microsoft Edge.

As avaliações de origem permitem-lhe experimentar APIs experimentais no seu próprio site em direto durante um período de tempo limitado. Para saber mais sobre as avaliações de origem, consulte Utilizar avaliações de origem no Microsoft Edge.

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

Nome Descrição Registrar
API de Pedido Prompts um modelo de linguagem incorporado a partir do seu site ou da extensão de código JavaScript. Veja também API de Pedido. Registrar
Descritores personalizados do WebAssembly Armazena dados associados a tipos de origem de forma mais eficiente, em objetos descritores personalizados. Registrar
Heurística de navegação suave Expõe a heurística de navegação recuperável para recolher métricas de desempenho em aplicações de página única. Registrar
WebNN Crie e execute modelos de machine learning acelerados por hardware diretamente na sua aplicação Web. Registrar
URL e hashes de avaliação no CSP script-src Introduz hashes de URL e avaliação para script-src diretivas CSP, substituindo listas de permissões baseadas em nome de anfitrião e unsafe-eval. Registrar
API de Instalação Web Permite que um site instale outro site como uma aplicação Web com navigator.install(). Registrar
OpaqueRange Ativa a criação de intervalos dinâmicos através de texto no interior <input> e <textarea> elementos que são atualizados automaticamente à medida que o utilizador efetua a edição. Estes intervalos suportam métodos de geometria como getBoundingClientRect() e a API de Realce Personalizado do CSS, que permite casos de utilização, como pop-ups posicionados com acento circunflexo e marcar ortográfico inline realçados diretamente nos controlos de formulário, sem clonagem de elementos ou exposição da estrutura interna do DOM. Registrar
HTML na tela Permite a composição de HTML na tela com novos métodos de desenho e o paint evento. Registrar
API de Credenciais Digitais – Suporte de Emissão Aciona a emissão de credenciais de utilizador de um servidor emissor de credenciais para uma aplicação de carteira digital. Registrar
prerender_until_script Ação da API regras de especulação Uma ação da API regras de especulação que pré-remete uma página, mas muda para pré-correspondência quando um script é executado. Registrar
WebAudio Configurble Render Quantum Permite-lhe especificar um tamanho quântico de composição personalizado ao criar um AudioContext ou OfflineAudioContext. Registrar
Ativação prerender por submissão de formulário Permite que as regras prerender na API de Regras de Especulação sejam ativadas por submissões de formulários. Registrar
API de Desempenho da CPU Expõe informações sobre as capacidades do dispositivo do utilizador, para utilização com a API de Pressão de Computação. Registrar
Listas de permissões de ligação Restringe as ligações de um documento ou trabalho a uma lista de permissões distribuída pelo servidor de pontos finais. Registrar
focus-without-user-activation política de permissões Fornece um controlo de incorporação sobre o foco programático do conteúdo incorporado através da focus-without-user-activation política de permissões. Quando a política é negada para uma moldura, as chamadas de foco programáticas (element.focus(), autofocus, window.focus(), dialog.showModal()e foco de pop-over) são bloqueadas, a menos que sejam acionadas pela ativação do utilizador ou o foco esteja a ser delegado. Registrar
TextMetrics de Tela Avançada Expande a API de Tela TextMetrics com retângulos de seleção, consultas de caixa delimitadora e operações de cluster de glifos. Registrar
<usermedia> Elemento HTML Um elemento HTML controlado pelo browser para pedir acesso à câmara ou ao microfone, substituindo pedidos de permissão baseados em JavaScript. Registrar
Pré-gerar iframes de várias origens Os pré-remetentes de várias origens são iframes através de um cabeçalho de resposta opt-in, em vez de os atrasar até à ativação da página. Registrar
Temporização do Contentor Monitoriza quando um contentor DOM anotado é apresentado e termina a pintura inicial. Registrar
Separar durações de estilo e esquema na API de Moldura de Animação Longa Adiciona styleDuration, , layoutDurationforcedStyleDuratione forcedLayoutDuration propriedades para uma análise mais profunda do desempenho do CSS. Registrar
Parâmetros de amostragem da API prompt Os topK parâmetros e temperature de amostragem permitem-lhe otimizar o comportamento do modelo por sessão de modelo de linguagem. Registrar
<install> Elemento HTML Instale declarativamente outros sites como aplicações Web com o <install> elemento . Registrar
Scripts de Módulo CSS Declarativos Partilha folhas de estilo declarativas com raízes sombra, incluindo raízes de sombra declarativas, utilizando módulos de estilo inline. Registrar
Evento de entrada não processada do Gamepad Em vez de depender de consultas frequentes através navigator.getGamepads()do , as páginas Web podem escutar gamepadrawinputchanged eventos. Estes eventos são acionados sempre que são detetadas alterações entre fotogramas de entrada do mesmo dispositivo. Registrar
Evento de Preenchimento Automático Deteta quando o preenchimento automático do browser atualiza os controlos de formulário para adaptar a IU e a validação personalizadas. Registrar
WebAssembly Custom Descriptors V2 Armazena dados associados a tipos de origem de forma mais eficiente, em objetos descritores personalizados. Registrar
WebMCP Permite que o seu site registe ferramentas para um agente no browser para concluir tarefas em nome de um utilizador. Registrar

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