Novidades do Chrome 108

Adriana Jara

Veja o que é necessário saber:

Meu nome é Adriana Jara. Vamos nos aprofundar e conhecer as novidades para 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 do viewport de maneira diferente, já que consideram elementos da interface 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 as interfaces do agente do usuário estejam colapsadas.

Por outro lado, as unidades small fornecem o tamanho da viewport, supondo que as interfaces estejam abertas.

E com unidades dynamic, o tamanho da janela de visualização se ajusta automaticamente em resposta à exibição ou não dos elementos da interface do navegador.

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

As diferentes partes da viewport para cada tipo de unidade de viewport.

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

As fontes variáveis agora têm suporte na COLRv1.

As fontes vetoriais de cores do COLRv1 são compatíveis desde o Chrome 98, mas a versão inicial era compatível apenas com a funcionalidade estática da tabela COLRv1.

No entanto, a especificação COLRv1 também inclui variações OpenType, o que significa permitir mudanças nas propriedades da fonte alterando os valores da variável do eixo. Agora, essas variações são compatíveis.

Esta versão também inclui as extensões de condição font-tech() e font-format() para o 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 se o suporte não estiver disponível.

Confira a demonstração aqui e use fontes variáveis para aumentar o impacto das suas palavras.

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

O sistema de arquivos particular de origem oferece acesso a um tipo especial de arquivo altamente otimizado para desempenho. Os desenvolvedores podem acessar 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() nessa alça de acesso costumavam ser assíncronos, mas são síncronos no Chrome 108.

Há uma boa razão para a mudança. Ela faz com que FileSystemSyncAccessHandle corresponda à API de arquivos síncrona e semelhante ao POSIX esperada por aplicativos baseados em Wasm, tornando a API mais ergonômica e trazendo ganhos de desempenho substanciais.

Essa é uma mudança potencialmente interruptiva. Se você estiver usando os métodos acima, qualquer uso de Promise.then() será interrompido. Se você encadenar uma chamada then() no resultado de qualquer um dos métodos anteriormente assíncronos e agora síncronos, será necessário 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 que há muito mais.

Leitura adicional

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

Inscrever-se

Para ficar por dentro das novidades, inscreva-se no canal do YouTube Developers do Chrome para 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 contar as novidades do Chrome!