Os navegadores da Web são projetados pensando nos usuários que eles podem navegar na Web. Porém, para que o usuário final aproveite tudo o que ele tem a oferecer, como acontece com qualquer outro software, os desenvolvedores precisam fazer sua mágica. É comum ler algumas funções para desenvolvedores nas atualizações do navegador web, e essas são a tendência dominante no recém-lançado Chrome 123, disponÃvel a partir do dia 19.
Vivaldi 6.6 introduziu uma novidade que nos permitiu utilizar o navegação escura forçada, e já sabemos que forçar as coisas geralmente não é uma boa ideia. Os navegadores baseados em Chromium o disponibilizavam nas configurações ocultas, também conhecidas como bandeiras, por muito tempo, mas o Google não achou que fosse o melhor. Por isso deixaram de lado em 2022, e agora, com o Chrome 123, introduziram o nova função claro-escuro().
Qual é a função light-dark() 123 do Chrome
A função light-dark() em CSS permite adaptar um esquema de cores às preferências do usuário pelo modo escuro ou claro. Se utilizado, o navegador escolherá a cor mais adequada às nossas preferências. Como explica o Google, se uma folha de estilo contiver o seguinte, se o usuário escolher o tema claro, o elemento terá um fundo verde limão, mas se o usuário escolher o tema escuro, o elemento terá um fundo verde:
html { esquema de cores: claro escuro; } .target { cor de fundo: claro-escuro (limão, verde); }
O novo API de quadros de animação longos Isso o ajudará a descobrir porque há congestionamento no thread principal, que geralmente é a causa de um INP (Interaction to Next Paint) incorreto, algo essencial que mede a capacidade de resposta da web. É uma versão da API Long Tasks.
Continuando com as APIs, existe agora um dos Roteamento estático do Service Worker permite declarar rotas de acesso para que sejam sempre entregues pela rede.
Entre as outras novidades:
- Com a interface NavigationActivation, agora é possÃvel servir páginas personalizadas com base no local de onde o usuário navegou.
- O Chrome agora oferece suporte a Zstandard (zstd). Esse Content-Encoding permite que as páginas carreguem mais rápido e utilizem menos largura de banda, além de gastar menos tempo, CPU e energia na compactação nos servidores, o que reduz os custos do servidor.
- O valor picture-in-picture do modo de exibição permite que você escreva regras CSS especÃficas que se aplicam apenas quando o aplicativo da web é exibido no modo screen-in-picture.
O Chrome 123 foi anunciado na última terça-feira, dia 19, portanto já deve estar disponÃvel por todos os meios oficiais, como o seu pagina web e repositórios oficiais que geralmente são adicionados após a primeira instalação. Embora não seja verificado, também está em Flathub.