Veja o que é necessário saber:
- Se você já testou o teste de origem do tema escuro automático, há uma nova maneira de desativar o tema por elemento.
- Agora há suporte para COLRv1, uma evolução do formato de fonte COLRv0.
- E há muito mais.
Meu nome é Pete LePage. Vamos conhecer as novidades para os 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 esse recurso definindo color-scheme: only light no elemento
:root.
:root {
color-scheme: only light;
}
No entanto, a principal vantagem desse método é que você pode desativar o uso por 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 conferir todos os detalhes.
Compatibilidade com a fonte COLRv1
No Chrome 98, agora há suporte para COLRv1, uma evolução do formato de fonte COLRv0. Ela adiciona gradientes, composição e mesclagem, além de reutilização aprimorada de formas para arquivos de fonte nítidos e compactos que são bem compactados.
Uma fonte colorida faz os destaques visuais, os títulos e os banners realmente se destacarem.
Um dos meus casos de uso favoritos para 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.
Estamos trabalhando em maneiras de melhorar a detecção de recursos, já que ainda não é tão fácil quanto deveria ser. Mas é importante prestar atenção nisso.
Confira Fontes vetoriais de gradiente de cores COLRv1 no Chrome 98 para saber mais detalhes e aprender a criar suas próprias fontes.
Emular o Chrome 100 na string UA
Em poucos meses, vamos chegar 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 processe três dígitos.
Há uma sinalização chamada #force-major-version-to-100 que
muda o número da versão atual para 100 para garantir
que tudo funcione conforme o esperado.
E muito mais.
Claro, 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 Region Capture, uma API para cortar uma faixa de vídeo com captura automática. Ideal para compartilhamento de tela em apps de videoconferência para não criar um efeito de salão de espelho.
Os controles de sobreposição de janela foram planejados para o Chrome 98, mas, devido a problemas encontrados no último minuto, não chegaram. Ainda estamos trabalhando nisso e esperamos que ele seja lançado nas próximas versões.
Leia mais
Esses são apenas alguns dos principais destaques. Confira os links abaixo para ver outras mudanças no Chrome 98.
- Novidades no Chrome DevTools (98)
- Descontinuações e remoções do Chrome 98
- Atualizações do ChromeStatus.com para o Chrome 98
- Lista de alterações do repositório de origem do Chromium
- Agenda de lançamentos do Chrome
Fazer inscrição
Para ficar por dentro, inscreva-se no canal do YouTube Chrome Developers para receber uma notificação por e-mail sempre que lançarmos um novo vídeo.
Sou Pete LePage e, assim que o Chrome 99 for lançado, estarei aqui para contar as novidades do Chrome.