Novidades do Chrome 98

Pete LePage

Veja o que é necessário saber:

Meu nome é Pete LePage. Vamos conferir as novidades para desenvolvedores no Chrome 98.

Como desativar os temas escuros automáticos no Android

No Chrome 96, iniciamos um teste de origem para temas escuros automáticos no Android.

Com esse recurso, se o site tiver um tema claro e o SO do usuário estiver no modo escuro, o navegador vai aplicar um tema escuro gerado automaticamente ao site.

Se você se inscreveu no teste de origem e quer desativar o tema escuro gerado automaticamente para uma página específica, use uma metatag.

<meta name="color-scheme" content="only light">

Ou você pode desativar essa opção definindo color-scheme: only light no elemento :root.

:root {
  color-scheme: only light;
}

Mas a principal vantagem desse método é que você pode desativar cada elemento, aplicando um estilo específico a ele.

.only-light,
#my-element {
  color-scheme: only light;
}

Confira a seção Como desativar o tema escuro automático em Temas escuros automáticos no Android para saber mais detalhes.

Suporte à fonte COLRv1

No Chrome 98, agora há suporte para COLRv1, uma evolução do formato de fonte COLRv0. Ele adiciona gradientes, composição e mesclagem, além de melhorias na reutilização de formas para arquivos de fontes nítidos e compactos que são compactados bem.

Uma fonte colorida destaca visualmente os destaques, títulos e banners.

Título usando fontes COLRv1

Um dos meus casos de uso favoritos do COLRv1 significa emojis consistentes em todas as plataformas. Não é necessário substituir emojis por arquivos de imagem, porque os arquivos de fonte ficam menores e mais fáceis de incluir na página.

Arquivo de fonte com emojis consistentes

Estamos trabalhando para melhorar a detecção de recursos, já que ela ainda não é tão fácil quanto deveria ser. Mas é importante ficar de olho.

Confira Fontes vetoriais de gradiente de cor COLRv1 no Chrome 98 para mais detalhes e como criar suas próprias fontes.

Emular o Chrome 100 na string UA

Dentro de alguns meses, chegaremos ao Chrome 100, um número de versão de três dígitos. Qualquer código que verifique números de versão ou analise a string do UA precisa ser verificado para garantir que ele processa três dígitos.

Há uma flag chamada #force-major-version-to-100 que vai mudar o número da versão atual para 100, para que você possa verificar se tudo está funcionando conforme o esperado.

Página de flags do Chrome destacando a nova opção #force-major-version-to-100

E muito mais.

Claro que há muito mais.

As solicitações de simulação do CORS agora são enviadas antes das solicitações de rede privada para sub-recursos, solicitando permissão explícita do servidor de destino.

Há um novo teste de origem para a captura de região, uma API para recortar uma faixa de vídeo de autocaptura. Ideal para compartilhamento de tela em apps de videoconferência para que você não crie um efeito de hall de espelhos.

Os controles de sobreposição de janela foram planejados para o Chrome 98, mas, devido a problemas encontrados no último minuto, não foram incluídos. Ainda estamos trabalhando nisso e esperamos que ele seja lançado nos próximos lançamentos.

Leitura adicional

Isso abrange apenas alguns dos principais destaques. Confira as mudanças adicionais no Chrome 98 nos links abaixo.

Inscrever-se

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

Meu nome é Pete LePage, e assim que o Chrome 99 for lançado, estarei aqui para contar as novidades do Chrome.