Primeira vez na plataforma da Web em abril

Descubra alguns dos recursos interessantes que foram lançados em navegadores da Web estáveis e Beta em abril de 2025.

Rachel Andrew

Publicado em 30 de abril de 2025

Versões estáveis do navegador

Em abril de 2025, o Firefox 137, o Firefox 138, o Chrome 135 e o Chrome 136 se tornaram estáveis. Esta postagem analisa os novos recursos adicionados à plataforma da Web durante um mês que teve dois lançamentos do Chrome e do Firefox.

Carrosséis no Chrome

Vários dos recursos que foram incluídos na versão 135 do Chrome permitem a criação de carrosséis e outras experiências paginadas na Web.

Os pseudoelementos ::scroll-button() e ::scroll-marker() permitem adicionar botões e marcadores a qualquer área rolável do seu site, fornecendo controles de navegação e uma maneira de mostrar ao usuário onde ele está à medida que avança no carrossel.

Browser Support

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

Source

O pseudoelemento ::column, que permite estilizar um fragmento de coluna.

Browser Support

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

Source

A propriedade interactivity especifica se um elemento e os descendentes da árvore plana (incluindo linhas de texto) estão inativos ou não.

Browser Support

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

Tornar um elemento inerte afeta se ele pode ser focado, editado, selecionado e pesquisável pelo recurso Encontrar na página. Isso também afeta se ele está visível na árvore de acessibilidade.

Saiba mais em Carrosséis com CSS.

Os atributos command e commandfor

Os atributos command e commandfor também estão no Chrome 135. Eles melhoram e substituem os atributos popovertargetaction e popovertarget. Esses novos atributos podem ser adicionados a botões, permitindo que o navegador resolva alguns problemas principais relacionados à simplicidade e acessibilidade e forneça funcionalidades comuns integradas.

Saiba mais em Introdução ao command e ao commandfor.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

A função shape() do CSS

A função CSS shape() no Chrome 135 é usada para definir uma forma para as propriedades clip-path e offset-path. Saiba como usá-lo para corte responsivo. Essa função foi enviada no Safari 18.4 e também está disponível no Firefox Nightly. Esperamos que ela esteja disponível em breve.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

O Firefox 137 inclui Atomics.pause(), tornando esse recurso disponível como padrão. Esse método estático fornece uma primitiva de microespera que indica à CPU que o autor da chamada está girando enquanto aguarda o acesso a um recurso compartilhado. Isso permite que o sistema reduza os recursos alocados para o núcleo (como energia) ou linha de execução, sem produzir a linha de execução atual.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

O Firefox 137 também inclui a propriedade CSS hyphenate-limit-chars. Essa propriedade especifica um comprimento mínimo de palavras para permitir o hifenização de palavras e um número mínimo de caracteres antes e depois do hífen.

Browser Support

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

Source

RegExp.escape

O método estático RegExp.escape foi lançado em todos os navegadores em alguns meses e se tornou disponível como padrão no Chrome 136.

Esse método escapa de qualquer caractere de sintaxe de expressão regular em uma string, retornando uma nova string que pode ser usada com segurança como um padrão literal para o construtor RegExp().

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

O método estático Error.isError() determina se o valor transmitido é um erro. Ele está incluído no Firefox 138. Embora tenha suporte a todos os navegadores, ele ainda não é considerado como "Recém disponível", porque o Safari atualmente retorna false para instâncias de DOMException.

Browser Support

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

Source

A API Status de login para FedCM

O Firefox 138 oferece suporte à API Login Status ao usar a API Federated Credential Management (FedCM). É usado para definir e verificar se um usuário do navegador fez login em um provedor de identidade. O Firefox 138 inclui suporte para a interface NavigatorLogin, a propriedade navigator.login e o cabeçalho de resposta HTTP Set-Login.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Integridade do Importmap

No Firefox 138, o valor importmap do atributo type do elemento <script> agora é compatível com a chave integrity. Isso permite que os URLs do módulo ES referenciados nos mapas de importação sejam comparados com os metadados de integridade. Esse recurso agora está disponível na versão de referência.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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 139 e Safari 18.5.

Até agora, a versão Beta 18.5 do Safari inclui apenas algumas correções de bugs após a versão 18.4.

No momento da escrita, o Firefox não havia publicado as notas da versão, mas a versão Beta parece incluir o envio da API Temporal, tornando o Firefox o primeiro navegador a enviar essa versão aprimorada da API Date. Também a implementação de <dialog> request.close(), que vai disponibilizar esse método na linha de base.