Primeira vez na plataforma da Web em abril

Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em abril de 2024.

Rachel Andrew

Versões estáveis do navegador

Em abril de 2024, o Firefox 125 e o Chrome 124 ficaram estáveis. Esta postagem analisa os novos recursos adicionados à plataforma Web.

Quatro novos atributos chegam ao valor de referência

O Firefox 125 adicionou quatro novos recursos à referência recém-disponível. A API Popover, Intl.Segmenter, align-content para layouts de bloco e os valores content-box e stroke-box para transform-box.

A API Popover

A API Popover permite que você crie vários tipos de pop-ups não modais. Isso inclui dicas, menus, pop-ups de avisos personalizados e muito mais. Os pop-ups incluem muitas funcionalidades integradas para as quais antes você precisava programar em JavaScript. Saiba mais em A API Popover chega ao valor de referência.

Intl.Segmenter

Intl.Segmenter ativa a segmentação de texto sensível ao local. Por exemplo, permitir dividir palavras em idiomas que não separam palavras por espaços. Confira como isso funciona em The Intl.segmentr object now part of Baseline (link em inglês).

align-content para layouts de blocos

A propriedade align-content agora tem suporte em todos os principais mecanismos de layout de blocos. Isso significa que é possível fazer o alinhamento de direção em blocos sem precisar criar um layout flexível ou de grade no pai. Confira um exemplo em A propriedade align-content para layouts de bloco agora faz parte do valor de referência .

CSS transform-box

Por fim, no Firefox 125, são os valores de content-box e stroke-box para a propriedade transform-box. O valor content-box usa a caixa de conteúdo e stroke-box a caixa delimitadora de traço que contém a forma de um SVG.

API WebSocketStream

A API WebSocketStream integra os streams do WhatWG à API WebSocket e está disponível no Chrome 124. Saiba mais em WebSocketStream: como integrar streams com a API WebSocket.

setHTMLUnsafe e parseHTMLUnsafe

O Chrome 124 também inclui os métodos setHTMLUnsafe e parseHTMLUnsafe, que permitem usar o DOM de sombra declarativa do JavaScript. Esses métodos também oferecem uma maneira mais fácil de analisar o HTML de forma imperativa no DOM, em comparação com innerHTML ou DOMParser.

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. É um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes do lançamento ao público. As novas Betas são Firefox 126, Safari 17.5 e Chrome 125. Essas versões trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para saber todos os detalhes. Veja alguns destaques do jogo.

O Safari 17.5 inclui a função de cor light-dark(), que será disponibilizada como referência recentemente quando a versão 17.5 estiver estável.

As funções de valor passo a passo do CSS também estão chegando ao valor de referência recentemente disponível. O Chrome 125 inclui round(), mod() e rem().

O Chrome 125 também inclui a API Compute Pressure e o posicionamento de âncoras de CSS.

O Firefox 126 inclui a API Screen Wake Lock, tornando mais um recurso de referência disponível recentemente.