Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em maio de 2025.
Publicado em 29 de maio de 2025
Versões estáveis do navegador
Em maio de 2025, o Firefox 139, o Chrome 137 e o Safari 18.5 ficaram estáveis. Esta postagem aborda os novos recursos adicionados à plataforma da Web com essas versões.
API Temporal
O Firefox 139 é o primeiro navegador a oferecer suporte à API Temporal. Isso simplifica o trabalho com datas e horários em vários cenários, com representações de fusos horários e calendários integrados.
hidden=until-found
e o evento beforematch
O Firefox 139 também inclui o atributo HTML hidden="until-found"
e o evento beforematch
. O estado until-found
permite ocultar o conteúdo de um elemento até que ele seja encontrado pela pesquisa do usuário (por exemplo, usando "Encontrar na página") ou pela navegação de fragmentos. O evento beforematch
é acionado pouco antes do atributo hidden
ser removido
O método requestClose()
Agora, a versão de referência do método requestClose()
da interface HTMLDialogElement
está disponível com a versão 139 do Firefox.
Esse método é diferente do método HTMLDialogElement.close()
porque dispara um evento cancel
antes de disparar o evento close
.
reading-flow
e reading-order
do CSS
O Chrome 137 inclui reading-flow
e reading-order
.
A propriedade CSS reading-flow
controla a ordem em que os elementos em um layout flexível, de grade
ou de bloco são expostos às ferramentas de acessibilidade e como eles são focados
usando métodos de navegação sequencial linear.
Isso resolve um problema antigo com layouts flex e de grade,
em que a ordem das guias pode ficar desconectada da ordem em que os itens são dispostos.
A propriedade CSS reading-order
permite que você substitua manualmente a ordem dos itens
em um contêiner de fluxo de leitura. Para usar essa propriedade em um contêiner de grade, flex ou
bloco, defina o valor reading-flow
no contêiner como
source-order
e defina o reading-order
do item individual como um valor inteiro.
Browser Support
Para saber mais, leia Usar o fluxo de leitura do CSS para navegação sequencial lógica.
Função if()
do CSS
Também no Chrome 137, a função CSS if()
oferece uma maneira concisa de expressar valores condicionais.
Ele aceita uma série de pares de condição-valor, delimitados por ponto e vírgula.
A função avalia cada condição sequencialmente e retorna o valor associado à primeira condição verdadeira.
Se nenhuma das condições for avaliada como verdadeira, a função vai retornar um fluxo de token vazio.
Document-Isolation-Policy
O recurso Document-Isolation-Policy
, enviado no Chrome 137, permite que um documento ative o crossOriginIsolation
para
ele mesmo, sem precisar implantar o COOP ou o COEP, e independentemente do
status crossOriginIsolation
da página. A política é apoiada pelo isolamento
de processos. Além disso, os subrecursos de origem cruzada do documento que não são CORS serão
carregados sem credenciais ou precisarão ter um cabeçalho CORP.
Push da Web declarativo
O Safari 18.5 foi principalmente uma versão de correção de bugs, mas ele adiciona o Push da Web declarativo ao macOS, um recurso que atualmente está disponível apenas no Safari. Saiba mais em Conheça o push da Web declarativo no blog do WebKit.
Versões Beta do navegador
As versões Beta do navegador oferecem uma prévia do que vai estar na próxima versão estável do navegador. É um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes que o mundo receba a versão. As novas versões Beta são Firefox 140 e Chrome 138.
O Firefox 140 inclui um subconjunto da API Cookie Store, um método moderno, assíncrono e baseado em promessas para gerenciar cookies, que pode ser usado na linha de execução principal e em service workers.
O Chrome 138 inclui várias APIs de IA integradas, como a API Summarizer, a API Language Detector e a API Translator.
Além disso, no Chrome 138, há vários recursos de CSS, incluindo a palavra-chave de dimensionamento stretch
e as funções sibling-index()
e sibling-count()
.