Nova plataforma da Web em fevereiro

Descubra alguns dos recursos interessantes que chegaram na versão Stable e Beta. navegadores da Web em fevereiro de 2024.

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.

Compatibilidade com navegadores

  • 111
  • 111
  • 123
  • 16.4

Origem

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.

Compatibilidade com navegadores

  • 122
  • 122
  • 127
  • 17

Origem

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.