Notas de versão da plataforma Web do Microsoft Edge 149 (junho de 2026)

Seguem-se as novas funcionalidades e atualizações da plataforma Web no Microsoft Edge 149, que será lançado a 4 de junho 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:

• Edge DevTools
• WebView2
• Funcionalidades CSS
  • Decorações de lacuna CSS
  • Recortar texto em excesso na interação do utilizador
  • image-rendering: crisp-edges
  • path-length Propriedade CSS para elementos SVG
  • path(), shape(), rect()e xywh() em shape-outside
  • Removido border-color: gray da folha de estilos do agente de utilizador para <table>
  • Cor de destaque do sistema de âmbito para aplicações Web instaladas
  • Limite de camada superior de pseudo-classes de ação do utilizador
• APIs da Web
  • Desativar filtros SVG em iframes e plug-ins de várias origens
  • Variantes de Intl.Locale
  • OpaqueRange para texto de controlo de formulário
  • Migrar um PWA para uma nova origem
  • Distinguir erros do processador de pagamentos num pedido de pagamento
  • Receber notificações quando os scrollBy métodos e scrollTo estiverem concluídos
  • Request.isReloadNavigation atributo
  • Campos de temporização do router da Função de Trabalho de Serviço nas APIs de Temporização de Navegação e Temporização de Recursos
  • autocorrect="off" no teclado tátil do Windows
  • Diferir leituras de dados da área de transferência até que o tipo de MIME seja especificado
  • Fechar ligações WebSocket na entrada bfcache
• Avaliações de origem

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.

Decorações de lacuna CSS

Crie o estilo das lacunas nos esquemas de contentor de Grelha e Flexbox, semelhantes aos column-rule do esquema de várias colunas. Utilize decorações de lacunas para separar visualmente itens sem recorrer a soluções como pseudo-elementos ou elementos de wrapper extra.

Veja também:

• Uma nova forma de criar intervalos de estilo no CSS
• Esquema de várias colunas no MDN.

Recortar texto em excesso na interação do utilizador

Quando um utilizador interage com texto definido text-overflow: ellipsis (por exemplo, durante a edição ou a navegação por cursor), o texto muda temporariamente de reticências para clip (em que a truncagem pode ocorrer no meio de um caráter). Isto permite que o utilizador veja e interaja com o conteúdo de capacidade excedida oculto.

Este comportamento aplica-se a todos os elementos editáveis e não editáveis. Os controlos de formulário (<textarea>, <input>) já suportam este comportamento.

Veja também:

• capacidade excedida de texto no MDN.

image-rendering: crisp-edges

A image-rendering propriedade suporta agora o crisp-edges valor.

Utilize image-rendering: crisp-edges para dimensionar uma imagem de forma a preservar o contraste e as arestas, sem suavizar as cores ou introduzir o desfocagem.

Veja também:

• image-rendering na MDN.

path-length Propriedade CSS para elementos SVG

Utilize a nova path-length propriedade CSS para definir o valor do pathLength atributo em elementos de geometria SVG, incluindo:

• <path>
• <circle>
• <rect>
• <line>
• <polyline>
• <polygon>
• <ellipse>

A path-length propriedade CSS permite-lhe manipular o valor de atributo de pathLength um SVG através de folhas de estilo, estilos inline e animações.

As declarações CSS substituem o atributo de apresentação SVG ao seguir as regras de precedência CSS padrão. O valor inicial é none.

Veja também:

• pathLength na MDN.

path(), shape(), rect()e xywh() em shape-outside

Agora, pode utilizar as path()funções de forma , shape(), rect()e xywh() na propriedade CSS shape-outside para definir formas de exclusão flutuante.

Veja também:

• path() Função CSS na MDN.
• função CSS shape() na MDN.
• função rect() CSS na MDN.
• xywh() função CSS na MDN.
• propriedade float CSS na MDN.

Removido border-color: gray da folha de estilos do agente de utilizador para <table>

A regra errónea border-color: gray foi removida da folha de estilos do agente de utilizador do browser para o <table> elemento . Os limites da tabela estão agora corretamente predefinidos para currentColor, que correspondem à especificação HTML e a outros browsers.

Veja também:

• < > table HTML table element at MDN .

Cor de destaque do sistema de âmbito para aplicações Web instaladas

O accent-color: auto valor CSS para controlos de formulário aplica agora a cor de destaque do sistema operativo apenas dentro dos contextos de aplicações Web instalados. Em páginas Web normais, os controlos de formulário utilizam antes uma cor de destaque predefinida do browser.

Esta alteração alinha o comportamento de com as AccentColor palavras-chave de accent-color: auto cor do sistema E AccentColorText CSS, que também estão confinadas a contextos de aplicações Web instalados, para reduzir a impressão digital.

Veja também:

• cor de destaque no MDN.

Limite de camada superior de pseudo-classes de ação do utilizador

As :hoverclasses , :active, e :focus-within agora correspondem aos elementos principais apenas até ao primeiro elemento de camada superior na cadeia de elementos principais.

Por exemplo, considere este HTML:

<main>
  <div popover>
    <button></button>
  </div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>

Quando o utilizador paira o cursor sobre o <button> elemento, a :hover pseudoclasse corresponde aos <button> elementos e <div popover> , mas não corresponde ao <main> elemento, porque é <div popover> um elemento de camada superior.

Os elementos de camada superior são compostos visualmente fora do contexto principal, pelo que alterar os estilos principais quando um elemento de camada superior é pairado ou ativado é indesejável.

Veja também:

• Pseudo-classes de Ação do Utilizador no Nível 4 dos Seletores.
• API de Popover na MDN.

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:

• Filtros SVG na MDN.
• <iframe> HTML inline frame element at MDN.

Variantes de Intl.Locale

O Intl.Locale objeto expõe agora uma variants propriedade. Agora também pode transmitir uma variants cadeia nas opções do Intl.Locale construtor.

As variantes de uma região representam preferências de idioma adicionais que não são abrangidas pelos campos de idioma, região e script de um ID de idioma.

Veja também:

• Intl.Locale na MDN.

OpaqueRange para texto de controlo de formulário

Utilizado OpaqueRange para representar um intervalo dinâmico de texto dentro do valor de um controlo de formulário, como um <textarea> ou baseado em <input>texto .

OpaqueRange ativa o seguinte para sugestões inline, destaques e pop-overs ancorados:

• Operações como getBoundingClientRect() e getClientRects().
• Integração com a API de Realce Personalizado do CSS.

OpaqueRange preserva o encapsulamento ao expor apenas desvios de valor e devolve null para startContainer e endContainer.

Veja também:

• OpacoRange em MicrosoftEdge/Demos.
• Experimente a API OpaqueRange. Pare de utilizar espelho divs para medir posições de texto em entradas! no YouTube.

Migrar um PWA para uma nova origem

Agora, pode migrar de forma totalmente integrada uma Aplicação Web Progressiva (PWA) instalada para uma nova origem do mesmo site, preservando a confiança e as permissões dos utilizadores.

Quando um utilizador instala um PWA, a respetiva identidade está vinculada à respetiva origem Web (por exemplo, app.example.com). Anteriormente, alterar a origem forçou os utilizadores a desinstalar e reinstalar manualmente a aplicação. Esta funcionalidade elimina essa interrupção.

Veja também:

• Aplicações Web progressivas no MDN.

Distinguir erros do processador de pagamentos num pedido de pagamento

Um processador de pagamentos acedido através da API de Pedido de Pagamento pode agora devolver erros distintos para "utilizador cancelado" versus "erro interno da aplicação de pagamento".

Utilize esta distinção para criar melhores fluxos para os seus utilizadores. Por exemplo, quando ocorre um erro interno, repita ou recue para um método de pagamento diferente, ao mesmo tempo que interrompe corretamente o fluxo se o utilizador cancelar.

• Se a promessa que foi aprovada PaymentRequestEvent.respondWith for rejeitada com um OperationError, a sua PaymentRequest.show() promessa receberá um OperationError.
• Se a promessa que foi aprovada for rejeitada com um valor diferente de OperationError, a sua PaymentRequest.show() promessa recebe um AbortError (o utilizador cancelaPaymentRequestEvent.respondWith).

Veja também:

• API de Pedido de Pagamento na MDN.

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:

• Janela: método scrollBy() na MDN.
• Janela: método scrollTo() na MDN.

Request.isReloadNavigation atributo

O isReloadNavigation atributo está agora disponível na interface da Request API de Obtenção. Este atributo indica se o pedido de navegação foi iniciado como um recarregamento acionado pelo utilizador, como quando o utilizador clica no botão Atualizar ou quando o location.reload() método ou history.go(0) é executado.

O isReloadNavigation atributo é um booleano só de leitura.

Utilize este atributo no processador da FetchEvent Sua Função de Trabalho de Serviço para implementar estratégias de colocação em cache, tais como ignorar a cache ou impor uma estratégia de primeira rede especificamente durante um recarregamento.

Veja também:

• Request.isReloadNavigation no Standard Fetch.

Campos de temporização do router da Função de Trabalho de Serviço nas APIs de Temporização de Navegação e Temporização de Recursos

Os workerMatchedRouterSource atributos e workerFinalRouterSource estão agora disponíveis nas APIs de Temporização de Recursos e Temporização de Navegação.

• Utilize o workerMatchedRouterSource atributo para identificar que regra de router estático de trabalho de serviço foi correspondida.

• Utilize o workerFinalRouterSource atributo para identificar a origem final que foi utilizada para o pedido.

Veja também:

• API de Trabalho de Serviço no MDN.
• Utilize a API de Encaminhamento Estático da Função de Trabalho de Serviço para ignorar a função de trabalho de serviço para caminhos específicos.

autocorrect="off" no teclado tátil do Windows

O autocorrect atributo funciona agora corretamente no teclado tátil do Windows. Anteriormente, o teclado tátil ignorou o valor do autocorrect="off" atributo e sempre correu automaticamente as palavras.

Para impedir que o teclado tátil substitua o texto escrito, defina o valor do autocorrect="off" atributo em:

• Um <input> elemento.
• Um <textarea> elemento.
• Qualquer elemento que tenha o contenteditable atributo definido.

Veja também:

• correção automática no MDN.

Diferir leituras de dados da área de transferência até que o tipo de MIME seja especificado

A API da Área de Transferência Assíncrona adia agora a leitura de dados da área de transferência do sistema operativo até chamar getType(). Quando chama navigator.clipboard.read(), o browser devolve uma matriz de ClipboardItem objetos, cada um com os tipos de MIME disponíveis, mas sem os dados subjacentes. Os dados reais são lidos apenas quando pede um formato específico.

const items = await navigator.clipboard.read(); // No data is read yet.
const text = await items[0].getType('text/plain'); // Only the 'text/plain' data is read here.

Isto reduz a utilização da CPU e melhora a capacidade de resposta percebida da chamada à API.

Veja também:

• API da Área de Transferência no MDN.

Fechar ligações WebSocket na entrada bfcache

Uma ligação WebSocket aberta é agora fechada quando uma página entra na cache para trás/para a frente (bfcache), em vez de impedir que a página seja colocada em cache.

Anteriormente, não era possível armazenar uma página que tivesse uma ligação WebSocket ativa no bfcache. Com esta alteração, mais páginas beneficiam da navegação instantânea para trás e para a frente.

Quando a sua página entra no bfcache, a página recebe um close evento em cada afetado WebSocket. Ouça o pageshow evento e, em seguida, volte a ligar quando event.persisted for true.

Veja também:

• WebSocket na MDN.
• Trabalhar com o bfcache na MDN.

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.