Descubra alguns dos recursos interessantes que chegaram na versão Stable e Beta. navegadores da Web em fevereiro de 2024.
Lançamentos de navegadores estáveis
Em fevereiro de 2024, o Firefox 123 e O Chrome 122 se tornou estável. Esta postagem analisa os novos recursos adicionados à plataforma Web.
Shadow DOM declarativa
O Firefox 123 é compatível com o atributo shadowrootmode
do <template>
.
, apoiando assim
Shadow DOM declarativa.
Esse recurso agora se junta ao valor de referência recém-disponibilizado porque é interoperável
todos os principais navegadores.
103 Dicas iniciais: pré-carregamento
O Firefox 123 inclui a 103 dicas iniciais código de status para pré-carregamento de recursos.
Compatibilidade com navegadores
- 103
- 103
- 123
- x
Mudanças na herança de ::backdrop
do CSS
O pseudoelemento CSS ::backdrop
é uma caixa do tamanho da janela de visualização.
renderizado imediatamente abaixo de qualquer elemento apresentado na camada superior.
A especificação original de ::backdrop
especificou que ele não herdou
de nenhum elemento e não é herdado de nenhum deles. Isso significa que ::backdrop
não têm acesso às propriedades personalizadas declaradas em :root
.
A especificação foi alterada para permitir que ::backdrop
herde propriedades.
do elemento de origem. Essa mudança foi implementada no Chrome 122.
Leia mais sobre a
muda em ::backdrop
.
API Storage Buckets
O Chrome 122 inclui a API Storage Buckets. Essa API permite que os sites organizem dados do 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 limpo
O Chrome 122 Beta inclui uma opção unsanitized
no método read()
da
a API Async Clipboard.
para recuperar o formato HTML não limpo.
Métodos Set
do JavaScript
O Chrome 122 implementa os seguintes métodos de Set
:
Esses métodos já estão implementados no Safari, a partir da versão 17, e estão no Firefox Nightly.
Versões do navegador Beta
As versões Beta do navegador mostram uma prévia do que vai acontecer nas próximas versão estável do navegador. É um ótimo momento para testar novos recursos ou remoções, que poderiam afetar seu site antes do lançamento oficial. Novo Betas são Firefox 124 O Chrome 123 foi lançado este mês, e Safari 17.4 está em andamento. Esses lançamentos trazem muitos recursos excelentes para a plataforma. Confira o lançamento a observação para todos os detalhes. Estes são alguns destaques.
O Chrome 123 inclui vários novos recursos CSS. A função de cor light-dark()
facilita a adaptação dos esquemas de cores à preferência do usuário. O field-sizing
ativa o crescimento automático dos campos de entrada de texto. Chegou uma nova mídia
para testar apps exibidos no modo picture-in-picture.
A propriedade text-spacing-trim
aplica kerning a chinês, japonês,
caracteres de pontuação e coreano (CJK) para ajustar o espaçamento excessivo.
Leia mais em
Apresentamos 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 de tabela. Saiba mais
a mudança para align-content
suporte. Teste seus sites se você estiver usando a propriedade fora da grade
ou layouts flexíveis, porque começará a fazer o alinhamento onde anteriormente não
funcional no layout em blocos.
O Firefox 124 oferece suporte para a CSS
propriedade content-visibility
.
Essa propriedade controla se um elemento renderiza seu conteúdo,
permitindo que os navegadores omitam a renderização do conteúdo até que seja necessário.