Descubra alguns dos recursos interessantes que chegaram aos navegadores estáveis e beta da web durante abril de 2025.
Publicado: 30 de abril de 2025
Liberações estáveis do navegador
Em abril de 2025 Firefox 137Assim,
Firefox 138Assim,
Chrome 135e
Chrome 136 tornou -se estável. Esta postagem analisa os novos recursos adicionados à plataforma da web durante um mês que viu dois lançamentos do Chrome e Firefox.
Carrossels pousam em cromo
Vários dos recursos que entraram no Chrome na versão 135 permitem a criação de carrosséis e outras experiências com pantagens na web.
O ::scroll-button()
e ::scroll-marker()
Os pseudo-elementos permitem adicionar botões e marcadores a qualquer área rolável do seu site, dando controles de navegação e uma maneira de mostrar ao usuário onde eles estão à medida que progridem através do carrossel.
O ::column
Pseudo-elemento que permite estilizar um fragmento de coluna.
O interactivity
A propriedade especifica se um elemento e seus descendentes de árvore plana (incluindo execuções de texto) são inertes ou não.
Fazer um elemento inerte afeta se ele pode ser focado, editado, selecionado e pesquisável por localização na página. Também afeta se é visível na árvore de acessibilidade.
Você pode aprender mais em Carrosséis com CSS.
O command
e commandfor
atributos
Também no Chrome 135 são os command
e commandfor
atributos. Estes aprimoram e substituem o popovertargetaction
e popovertarget
atributos. Esses novos atributos podem ser adicionados aos botões, deixando o navegador abordar alguns problemas principais em torno da simplicidade e acessibilidade e fornecer funcionalidade comum integrada.
Saiba mais em
Apresentando command
e commandfor
.
O CSS shape()
função
O shape()
A função CSS no Chrome 135 é usada para definir uma forma para o clip-path
e
offset-path
propriedades. Aprenda a usá -lo para
recorte responsivo. Esta função foi enviada no Safari 18.4 e também está no Firefox todas as noites, espero que esteja na linha de base recentemente disponível em breve.
Atomics.pause()
Firefox 137 inclui
Atomics.pause()
disponibilizando esse recurso de linha de base recentemente. Esse método estático fornece uma primitiva micro-espera que sugere a CPU que o chamador está girando enquanto aguarda o acesso a um recurso compartilhado. Isso permite que o sistema reduza os recursos alocados ao núcleo (como energia) ou encadeamento, sem produzir o encadeamento atual.
CSS hyphenate-limit-chars
Firefox 137 também inclui o CSS
hyphenate-limit-chars
propriedade. Esta propriedade especifica um comprimento mínimo da palavra para permitir a hifenação das palavras e um número mínimo de caracteres antes e depois do hífen.
Regexp.escape
O método estático aterrissou em todos os navegadores dentro de alguns meses e se torna a linha de base recentemente disponível, pois aterrissa no Chrome 136.
Este método escapa de qualquer caractere de sintaxe de expressão regular em potencial em uma string, retornando uma nova string que pode ser usada com segurança como um padrão literal para o RegExp()
construtor.
Error.isError()
O método estático determina se o valor passado é um erro. Ele está incluído no Firefox 138. Embora tenha suporte ao navegador em todos os navegadores, ainda não é considerado a linha de base recentemente disponível quando o Safari retorna atualmente false
para
DOMException
instâncias.
A API de status de login para FedCM
O Firefox 138 suporta a API de status de login ao usar a API federada de gerenciamento de credenciais (FEDCM). Isso é usado para definir e verificar se um usuário do navegador está conectado a um provedor de identidade. Firefox 138 inclui suporte para o NavigatorLogin
interface, o
navigator.login
propriedade e o Set-Login
Cabeçalho de resposta HTTP.
Integridade do ImportMap
Em Firefox 138 o importmap
valor do type
atributo do
elemento agora suporta o integrity
chave. Isso permite que os URLs do módulo ES referenciados nos mapas de importação sejam correspondidos contra seus metadados de integridade. Esse recurso agora está na linha de base recentemente disponível.
Lançamentos de navegador beta
As versões do navegador beta fornecem uma prévia de coisas que estarão 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 esse lançamento. Novos betas são
Firefox 139
e Safari 18.5.
O Safari 18.5 beta até agora inclui apenas algumas correções de bugs após o grande lançamento de 18.4.
No momento da escrita do Firefox, não publicou suas notas de lançamento, no entanto, a versão beta parece incluir o frete do
API temporalfazendo do Firefox o primeiro navegador a enviar esta versão aprimorada da data. Também implementação de
request.close()
que trará esse método para a linha de base recentemente disponível.