Descubra alguns dos recursos interessantes que chegaram aos navegadores estáveis e beta em outubro de 2025.
Publicado: 30 de outubro de 2025
Versões de navegador estáveis
Cromo 142 e Firefox 144
lançado como estável em outubro, este post analisa o que isso significa para a plataforma web.
A API View Transitions para aplicativos de página única
O Firefox 144 inclui suporte para transições de visualização do mesmo documento. Isso inclui suporte para:
- O
:active-view-transitionpseudo-classe - O
view-transition-classpropriedade - O
view-transition-namepropriedade - O
::view-transitionpseudo-elemento - O
::view-transition-group()pseudo-elemento - O
::view-transition-image-pair()pseudo-elemento - O
::view-transition-new()pseudo-elemento - O
::view-transition-old()pseudo-elemento
Isso torna as transições de visualização do mesmo documento Linha de base recentemente disponíveis.
O command e commandfor atributos no
Firefox 144 suporta command e commandfor. Você pode descobrir mais sobre esses atributos em Apresentando command e commandfor.
O moveBefore() método
O moveBefore() método agora é suportado pelo Firefox no Element, DocumentFragment e Document interfaces. Isso permite mover um elemento filho imediato do objeto, antes de outro de seus elementos filhos, com ambos os elementos mantendo seu estado.
Saiba mais em Preservar o estado durante mutações do DOM com moveBefore().
:target-before e :target-after pseudo-classes
O Chrome 142 adiciona pseudoclasses que correspondem aos marcadores de rolagem que estão antes ou depois do marcador ativo (correspondendo :target-current) dentro do mesmo grupo de marcadores de rolagem, conforme determinado pela ordem da árvore plana:
:target-before: corresponde a todos os marcadores de rolagem que precedem o marcador ativo na ordem de árvore plana dentro do grupo.:target-after: Corresponde a todos os marcadores de rolagem que seguem o marcador ativo na ordem de á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 o if() função adicionando suporte para sintaxe de intervalo.
Ele 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 ) to compare custom properties, literal values (for example, 10px or 25%), and values from substitution functions like attr() e env(). Para uma comparação válida, ambos os lados devem resolver para o mesmo tipo de dados. Está limitado aos seguintes tipos numéricos: ,
Invocadores de interesse (os interestfor atributo)
O Chrome 142 também adiciona um interestfor atribuir a e elementos. Este 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 agente do usuário detecta quando um usuário demonstra interesse no elemento por meio de métodos como segurar o ponteiro sobre o elemento, pressionar teclas de atalho especiais no teclado ou manter pressionado o elemento em telas sensíveis ao toque. Quando o interesse é demonstrado ou perdido, um InterestEvent dispara no alvo, que possui ações padrão para popovers, como mostrar e ocultar o popover.
Lançamentos de navegadores beta
As versões beta do navegador oferecem uma prévia do que estará na próxima versão estável do navegador. É um ótimo momento para testar novos recursos, ou remoções, que podem impactar seu site antes que o mundo receba esse lançamento. Novos betas este mês são
Firefox 145 e
Cromo 143com
Safári 26.1 em andamento.
Firefox 145 inclui o source propriedade do ToggleEvent interface e o Atomics.waitAsync() método estático.
O Chrome 145 inclui consultas de contêiner substituto ancoradas em CSS. Isso apresenta @container anchored(fallback) para estilizar descendentes de elementos posicionados como âncora com base nos quais position-try-fallbacks o valor é aplicado.
