Descubra alguns dos recursos interessantes que chegaram em navegadores da Web estáveis e Beta em outubro de 2023.
Lançamentos de navegadores estáveis
Em outubro de 2023, o Firefox 119, o Safari 17.1, o Chrome 118 e o Chrome 119 se tornaram estáveis. Esta postagem analisa o que isso significa para a plataforma da 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 estão os métodos isWellFormed()
e toWellFormed()
do String
. Eles
podem ser usados para verificar se uma string contém Unicode bem formado e para limpar uma
string para um Unicode bem formado. Esses métodos agora 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 aplicativo usadas para pesquisa ou filtragem. Esse
recurso agora é interoperável nos três principais mecanismos.
Réguas horizontais dentro de elementos de seleção
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
exibidas como um divisor entre os itens. Saiba mais em Selecionar elemento: agora
com regras horizontais.
Escopo de 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 "prefers-reduced-transparency"
O Chrome 118 inclui o recurso de mídia prefers-reduced-transparency
. Esse é
um de um conjunto de recursos que permitem 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
prefers-reduced-transparency.
Sintaxe de cor relativa de CSS
No Chrome 119, há um novo e eficiente recurso da CSS Color 5: sintaxe de cores relativas. Isso permite que você deriva uma cor de outra, 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, no WebAssembly. Veja todos os detalhes em Coleta de lixo do WebAssembly (WasmGC) ativada por padrão no Chrome.
Versões do navegador Beta
As versões Beta oferecem uma prévia do que vai estar na próxima versão estável do navegador. Esse é um ótimo momento para testar novos recursos, ou remoções, que podem afetar seu site antes do lançamento oficial. As novas versões Beta são o Firefox 120 e o Safari 17.2. Esses lançamentos trazem muitos recursos excelentes para a plataforma. Confira as notas da versão para ver todos os detalhes. Estes são alguns destaques.
O Safari 17.2 inclui vários recursos novos. Para o CSS, há suporte para a API Custom Spotlight, as propriedades mask-border
, counter-set
e muitos outros recursos. Além disso, há muitas correções em
recursos existentes para melhorar a interoperabilidade.
Para HTML, o Safari 17.2 inclui suporte para o atributo name
do
elemento <details>
. Nas APIs Web, há suporte à prioridade de busca, e
as imagens responsivas agora estão ativadas em <link rel=preload>
.
O Firefox 120 adiciona suporte para as unidades CSS rh
e rlh
, text-wrap: balance
,
e a função light-dark()
.
Parte da série na Web do Google