Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em fevereiro de 2024.
Versões estáveis do navegador
Em fevereiro de 2024, o Firefox 123 e o Chrome 122 ficaram estáveis. Esta postagem analisa os novos recursos adicionados à plataforma Web.
Shadow DOM declarativo
O Firefox 123 oferece suporte ao atributo shadowrootmode
do elemento <template>
e, portanto, oferece suporte ao
DOM shadow declarativo (link em inglês).
Esse recurso agora faz parte do valor de referência recém-disponível, já que é interoperável em
todos os principais navegadores.
Compatibilidade com navegadores
- 111
- 111
- 123
- 16.4
103 Dicas iniciais: pré-carregamento
O Firefox 123 inclui o código de status 103 Early Hints para o pré-carregamento de recursos.
Compatibilidade com navegadores
- 103
- 103
- 123
- x
Mudanças na herança de ::backdrop
de CSS
O pseudoelemento CSS ::backdrop
é uma caixa do tamanho da janela de visualização,
renderizada imediatamente abaixo de qualquer elemento apresentado na camada de cima.
A especificação original para ::backdrop
especificou que ele não herdou
de nenhum elemento e não foi herdada. Isso significa que ::backdrop
não tinha acesso às propriedades personalizadas declaradas em :root
.
A especificação foi modificada para permitir que ::backdrop
herde propriedades
do elemento de origem. Essa mudança foi implementada no Chrome 122.
Leia mais sobre as
mudanças no ::backdrop
.
API Storage Buckets
O Chrome 122 inclui a API Storage Buckets. Essa API permite que os sites organizem dados no dispositivo em buckets. Os dados do grupo podem ser removidos independentemente dos dados mantidos em outros buckets.
Saiba mais na documentação da API Storage Buckets.
Compatibilidade com navegadores
- 122
- 122
- x
- x
API Async Clipboard: ler HTML não corrigido
O Chrome 122 Beta inclui uma opção unsanitized
no método read()
da
API Async Clipboard
para recuperar o formato HTML não corrigido.
Métodos Set
JavaScript
O Chrome 122 implementa estes métodos de Set
:
Esses métodos já estão implementados no Safari, da versão 17, e estão no Firefox Nightly.
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 Beta são o Firefox 124, o Chrome 123 lançado este mês, e o Safari 17.4 está em andamento. 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 Chrome 123 inclui vários novos recursos de CSS. A função de cor light-dark()
facilita a adaptação dos esquemas de cores à preferência do usuário. A propriedade
field-sizing
permite o crescimento automático dos campos de entrada de texto. Há um novo recurso de mídia
para testar apps que aparecem no modo picture-in-picture.
A propriedade text-spacing-trim
aplica o kerning aos caracteres de pontuação chineses, japoneses
e coreanos (CJK) para ajustar o espaçamento excessivo.
Leia mais em
Introdução aos quatro novos recursos internacionais para CSS.
Nas versões Beta do Chrome 123 e Safari 17.4, há suporte para align-content
no layout de blocos e tabela. Leia sobre
a mudança no suporte
align-content
. Teste seus sites se você estiver usando a propriedade fora dos layouts de grade
ou flexível, porque ela vai começar a causar alinhamento onde antes não era
funcional no layout de blocos.
O Firefox 124 inclui suporte para a propriedade CSS
content-visibility
.
Essa propriedade controla se um elemento renderiza o conteúdo, permitindo que os navegadores omitam a renderização do conteúdo até que seja necessário.