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 capacidade de computação disponível.
A API Storage Access foi expandida para mais do que o armazenamento de cookies.
E tem muito mais.

Meu nome é Adriana Jara. Vamos conferir as novidades para desenvolvedores no Chrome 125.

Posicionamento de âncora do CSS.

Mostrar um elemento ancorado a outro permite criar padrões de interface, como usar um pop-up como uma dica e anexá-lo ao elemento que o invoca.

Com o Posicionamento de âncora do CSS, é possível vincular um elemento posicionado de forma absoluta a um ou mais elementos na página de forma declarativa. Ele não requer JavaScript e funciona com eficiência quando as âncoras são roláveis.

O recurso de posicionamento de âncora consiste em um grande número de propriedades CSS. Veja algumas das principais propriedades:

anchor-name: configura um elemento para ser uma âncora para outros elementos.
position-anchor: descreve a âncora "padrão" que um elemento ancorado precisa usar para o posicionamento.
A função anchor(): refere-se à posição do elemento de âncora ao posicionar o elemento ancorado.
inset-area: uma abreviação para 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 trabalho de design e implementação dessa API, que permite que os apps de videoconferência balancem dinamicamente os recursos e o desempenho.

Acesse a API Compute Pressure para conferir amostras 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 incorporáveis que dependem do carregamento de recursos entre sites, para solicitar a 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, para indexedDB 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 a API Device Posture e a API Viewport Segments Enumeration. Essas APIs foram criadas para ajudar os desenvolvedores a segmentar dispositivos dobráveis.
As funções de valor escalonado CSS round(), mod() e rem() foram adicionadas, tornando esses recursos disponíveis na versão de referência
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 inclui apenas alguns destaques importantes. Confira os links a seguir para ver outras mudanças no Chrome 125.

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.

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