Esta página foi traduzida pela API Cloud Translation.

Novidades no Chrome 125

Adriana Jara

Veja o que é necessário saber:

Ancorar elementos está mais fácil do que nunca com o posicionamento de âncora CSS.
A API Compute Pressure ajuda a otimizar a energia disponível do computador.
A API Storage Access foi expandida para além do armazenamento de cookies.
E tem muito mais.

Sou Adriana Jara. Vamos nos aprofundar e conhecer as novidades para desenvolvedores no Chrome 125.

Posicionamento de âncora do CSS.

A exibição de um elemento ancorado em outro permite criar padrões de interface, como usar um pop-over como dica e anexá-lo ao elemento que o invoca.

Com o posicionamento de âncora do CSS, você pode vincular um elemento posicionado de forma absoluta a um ou mais elementos na página de maneira declarativa. Ele não requer JavaScript e funciona de maneira eficiente quando as âncoras podem ser roladas.

O recurso de posicionamento de âncoras consiste em um grande número de propriedades CSS. Um algumas das principais propriedades são:

anchor-name: configura um elemento como âncora de outros.
position-anchor: descreve o padrão que um elemento ancorado deve usar para o posicionamento da âncora.
Função anchor(): referente à posição da âncora. no posicionamento do elemento ancorado.
inset-area: uma abreviação de posicionamento, para posições relativas comuns.

API Compute Pressure.

A API Compute Pressure oferece estados de alto nível que representam a carga da CPU no sistema.

Ao otimizar para um uso equilibrado da energia do computador, a API usa as métricas certas de hardware para garantir que os usuários aproveitem toda a capacidade de processamento disponível, desde que o sistema não esteja sob estresse.

A Intel liderou o design e a implementação dessa API, que vai permitir que apps de videoconferência equilibrem dinamicamente recursos e desempenho.

Acesse a API Compute Pressure para conferir exemplos e mais informações.

A API Storage Access (SAA) foi estendida para o armazenamento sem cookies.

A API Storage Access é uma API JavaScript criada como uma alternativa aos cookies entre sites, para incorporações que dependem do carregamento de recursos entre sites para solicitar permissão de acesso do usuário conforme necessário.

Essa versão inclui uma extensão para usar a API além dos cookies. Com a extensão, é possível acessar cookies não particionados e armazenamento sem cookies em um contexto de terceiros, por exemplo, paraindexDB e localstorage. O código a seguir mostra um exemplo para solicitar acesso ao indexDB.

// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});

// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");

E muito mais.

É claro que há muito mais.

Há um teste de origem para as APIs Device Posture e Viewport segments Enumeration. Essas APIs foram criadas para ajudar os desenvolvedores a trabalhar com dispositivos dobráveis.
As funções de valor agregado do CSS round(), mod() e rem() foram adicionadas, tornando esses recursos de referência recentemente disponíveis.
A API Shared Storage agora oferece suporte à execução de worklets de origem cruzada sem precisar criar um iframe.

Leia as notas da versão completas.

Leitura adicional

Isso cobre apenas alguns dos principais destaques. Verifique os links a seguir para outras mudanças no Chrome 125.

Para ficar por dentro das novidades, inscreva-se no Canal Chrome Developers no YouTube, e você receberá uma notificação por e-mail sempre que lançarmos um novo vídeo.

Adriana Jara! Assim que o Chrome 126 for lançado, estarei aqui para contar as novidades do Chrome!