Novidades do Chrome 108

Adriana Jara

Veja o que é necessário saber:

Meu nome é Adriana Jara. Vamos conhecer as novidades para os desenvolvedores no Chrome 108.

Novas unidades de tamanho da janela de visualização

As novas unidades da janela de visualização oferecem mais controle para criar interfaces adaptáveis.

Essas unidades medem a área da janela de visualização de maneira diferente, já que consideram os elementos de interface do usuário no navegador que podem ser expandidos ou recolhidos. Por exemplo, a barra de endereço.

As unidades large fornecem o tamanho da janela de visualização, supondo que essas interfaces do user agent estejam recolhidas.

Por outro lado, as unidades small fornecem o tamanho da janela de visualização, supondo que as interfaces sejam expandidas.

Com unidades dynamic, o tamanho da janela de visualização se ajusta automaticamente conforme a exibição ou não dos elementos da interface do navegador.

O valor será qualquer item dentro dos limites da unidade grande (o máximo) e unidades pequenas (o mínimo).

As diferentes partes da janela de visualização para cada tipo de unidade.

Confira este artigo para mais detalhes. Confira também a mudança em Comportamento de redimensionamento da janela de visualização do Android para processar a janela de forma adequada .

Fontes variáveis agora são compatíveis com COLRv1.

As fontes vetoriais de cor COLRv1 têm suporte desde o Chrome 98, mas a versão inicial oferece suporte apenas à funcionalidade estática da tabela COLRv1.

Mas a especificação COLRv1 também inclui variações OpenType, o que significa permitir mudanças nas propriedades da fonte ao alterar os valores do eixo das variáveis. Essas variações são suportadas agora.

Esta versão também inclui as extensões de condição font-tech() e font-format() para CSS @supports .

Com essas condições, o desenvolvedor pode detectar quando os recursos de fonte estão disponíveis para oferecer ao usuário a experiência mais recente e também criar um substituto caso o suporte não esteja disponível.

Teste a demonstração aqui e adicione impacto às suas palavras com fontes variáveis.

Os métodos FileSystemSyncAccessHandle agora são síncronos.

O sistema de arquivos particulares de origem oferece acesso a um tipo especial de arquivo altamente otimizado para desempenho. Os desenvolvedores podem ter acesso a esses arquivos chamando createSyncAccessHandle(), que é um método exposto em objetos FileSystemFileHandle.

Essa chamada resulta em um FileSystemSyncAccessHandle.

Os métodos truncate(newSize), getSize(), flush() e close() nesse identificador de acesso costumavam ser assíncronos, mas são síncronos a partir do Chrome 108.

Há um bom motivo para a mudança, já que ela faz com que o FileSystemSyncAccessHandle corresponda à API de arquivo síncrona, no estilo POSIX, que os aplicativos baseados no Wasm esperam, tornando a API mais ergonômica e proporcionando ganhos significativos de desempenho.

Essa é uma mudança potencialmente interruptiva. Se você usar os métodos acima, o uso de Promise.then() vai ser corrompido. Se você encadear uma chamada then() no resultado de qualquer um dos métodos anteriormente assíncronos e agora síncronos, precisará mudar o código.

// ⛔️ This will break, and you need to restructure your code:
accessHandle.flush().then(/* Follow-up code */);
// ✅ Correct:
accessHandle.flush();
/* Follow-up code */

Para instruções mais detalhadas, acesse este artigo

E muito mais.

Claro, há muito mais.

Leia mais

Isso aborda apenas alguns destaques importantes. Confira os links abaixo para ver outras mudanças no Chrome 108.

Fazer inscrição

Para ficar por dentro, inscreva-se no canal do YouTube para desenvolvedores do Chrome. Você receberá uma notificação por e-mail sempre que lançarmos um novo vídeo.

Meu nome é Adriana Jara, e assim que o Chrome 109 for lançado, estarei aqui para dizer as novidades do Chrome.