Primeira vez na plataforma da Web em outubro

Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e beta em outubro de 2025.

Rachel Andrew

Publicado em: 30 de outubro de 2025

Versões estáveis do navegador

O Chrome 142 e o Firefox 144 foram lançados na versão estável em outubro. Esta postagem mostra o que isso significa para a plataforma da Web.

A API View Transitions para apps de uma só página

O Firefox 144 inclui suporte para transições de visualização no mesmo documento. Isso inclui suporte para:

• A pseudoclasse :active-view-transition
• A propriedade view-transition-class
• A propriedade view-transition-name
• O pseudoelemento ::view-transition
• O pseudoelemento ::view-transition-group()
• O pseudoelemento ::view-transition-image-pair()
• O pseudoelemento ::view-transition-new()
• O pseudoelemento ::view-transition-old()

Isso torna transições de visualização no mesmo documento recém-disponíveis de referência.

Os atributos command e commandfor no elemento <button>

O Firefox 144 é compatível com command e commandfor. Saiba mais sobre esses atributos em Introdução a command e commandfor.

O método moveBefore()

O método moveBefore() agora é compatível com o Firefox nas interfaces Element, DocumentFragment e Document. Isso permite mover um elemento filho imediato do objeto antes de outro elemento filho, e os dois elementos mantêm o estado.

Saiba mais em Preserve state during DOM mutations with moveBefore().

Pseudoclasses :target-before e :target-after

O Chrome 142 adiciona pseudoclasses que correspondem a marcadores de rolagem antes ou depois do marcador ativo (correspondendo a :target-current) no mesmo grupo de marcadores de rolagem, conforme determinado pela ordem de árvore plana:

• :target-before: corresponde a todos os marcadores de rolagem que precedem o marcador ativo na ordem da árvore plana dentro do grupo.
• :target-after: corresponde a todos os marcadores de rolagem que seguem o marcador ativo na ordem da árvore plana dentro do grupo.

Sintaxe de intervalo para consultas de contêiner de estilo e if()

O Chrome 142 aprimora as consultas de estilo CSS e a função if() adicionando suporte à sintaxe de intervalo.

Ela estende as consultas de estilo além da correspondência exata de valores (por exemplo, style(--theme: dark)). Os desenvolvedores podem usar operadores de comparação (como > e <) para comparar propriedades personalizadas, valores literais (por exemplo, 10px ou 25%) e valores de funções de substituição, como attr() e env(). Para uma comparação válida, os dois lados precisam ser resolvidos para o mesmo tipo de dados. Ele é limitado aos seguintes tipos numéricos: <length>, <number>, <percentage>, <angle>, <time>, <frequency> e <resolution>.

Invocadores de interesse (atributo interestfor)

O Chrome 142 também adiciona um atributo interestfor aos elementos <button> e <a>. Esse atributo adiciona comportamentos de "interesse" ao elemento. Quando um usuário mostra interesse no elemento, as ações são acionadas no elemento de destino, por exemplo, mostrando um popover.

O user agent detecta quando um usuário demonstra interesse no elemento usando métodos como manter o ponteiro sobre ele, pressionar teclas de atalho especiais no teclado ou tocar e manter pressionado o elemento em telas sensíveis ao toque. Quando o interesse é demonstrado ou perdido, um InterestEvent é acionado no destino, que tem ações padrão para popovers, como mostrar e ocultar o popover.

Versões Beta do navegador

As versões Beta do navegador oferecem uma prévia do que estará na próxima versão estável. É uma ótima hora para testar novos recursos ou remoções que possam afetar seu site antes do lançamento para o mundo todo. As novas versões Beta deste mês são o Firefox 145 e o Chrome 143, com o Safari 26.1 em andamento.

O Firefox 145 inclui a propriedade source da interface ToggleEvent e o método estático Atomics.waitAsync().

O Chrome 145 inclui consultas de contêiner de substituição ancoradas em CSS. Isso introduz @container anchored(fallback) para estilizar descendentes de elementos posicionados por âncora com base em qual valor position-try-fallbacks é aplicado.