Primeira vez na plataforma da Web em outubro

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

Rachel Andrew

Versões estáveis do navegador

Em outubro de 2023, o Firefox 119, o Safari 17.1, o Chrome 118 e o Chrome 119 ficaram estáveis. Esta postagem analisa o que isso significa para a plataforma Web.

Recursos do JavaScript no Firefox 119

No Firefox 119, é o agrupamento de matrizes JavaScript com os métodos estáticos Object.groupBy e Map.groupBy.

No Firefox 119, também existem os métodos isWellFormed() e toWellFormed() do String. Eles podem ser usados para verificar se uma string contém Unicode bem formado e para limpá-la para Unicode bem formado. Agora, esses métodos são interoperáveis nos três principais mecanismos.

O elemento HTML <search> agora é interoperável

O Chrome 118 inclui o elemento <search>, um novo elemento HTML que representa as partes do documento ou app usadas para pesquisa ou filtragem. Esse recurso agora é interoperável entre os três principais mecanismos.

Réguas horizontais dentro de elementos select

Duas versões do Chrome foram lançadas em outubro. No Chrome 119, há uma pequena adição aos elementos HTML <select>. Agora você pode adicionar uma regra horizontal entre as opções mostrada como um divisor entre os itens. Saiba mais em Selecionar elemento: agora com regras horizontais.

Escopo do CSS

O Chrome 118 inclui CSS com escopo com a regra @scope. Com essa regra, é possível selecionar elementos em uma subárvore do DOM. Saiba mais em Limitar o alcance dos seletores com o CSS @scope at-rule.

CSS "prefer-red-transparency"

O Chrome 118 inclui o recurso de mídia prefers-reduced-transparency. Esse é um conjunto de recursos que permite verificar as preferências definidas por um usuário no dispositivo e responder para atender às necessidades dele no seu código. Saiba mais sobre o recurso em CSS preferd-reduced-transparency.

Sintaxe de cores relativas de CSS

No Chrome 119, há um novo recurso eficiente da CSS Color 5: a sintaxe de cores relativas. Isso permite derivar uma cor de outra cor, usando qualquer espaço de cor ou sintaxe necessária.

Coleta de lixo do WebAssembly (WasmGC)

O Chrome 119 inclui o WasmGC para agilizar o trabalho com linguagens de coleta de lixo, como Kotlin, PHP ou Java, mais rápido no WebAssembly. Veja todos os detalhes em A coleta de lixo do WebAssembly (WasmGC) agora está ativada por padrão no Chrome (link em inglês).

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 versões Beta são Firefox 120 e Safari 17.2. 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.2 inclui muitos recursos novos. Para CSS, há suporte para a API CSS Custom Highlight, as propriedades mask-border, a propriedade counter-set e muitos outros recursos. Além disso, para melhorar a interoperabilidade, foram feitas várias correções nos recursos atuais.

Para HTML, o Safari 17.2 inclui suporte para o atributo name no elemento <details>. E, nas APIs Web, há suporte para a prioridade de busca, e as imagens responsivas agora estão ativadas em <link rel=preload>.

O Firefox 120 adiciona suporte às unidades rh e rlh CSS, text-wrap: balance e à função light-dark().

Parte da série para iniciantes na Web