Primeira vez na plataforma da Web em outubro

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

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.

Compatibilidade com navegadores

  • 117
  • 117
  • 119
  • 17,4

Origem

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.

Compatibilidade com navegadores

  • 111
  • 111
  • 119
  • 16.4

Origem

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.

Compatibilidade com navegadores

  • 118
  • 118
  • 118
  • 17

Origem

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.

Compatibilidade com navegadores

  • 118
  • 118
  • x
  • 17,4

Origem

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.

Compatibilidade com navegadores

  • 118
  • 118
  • x

Origem

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