Compartilhe

Novo na plataforma da web em abril | Blog | web.dev

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 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
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