Plataforma da Web novidade em maio

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.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 139.
  • Safari: behind a flag.

Source

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.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 139.
  • Safari: 18.4.

Source

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

  • Chrome: 137.
  • Edge: 137.
  • Firefox: not supported.
  • Safari: not supported.

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().