Novidades no Chrome 125

Veja o que é necessário saber:

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.

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.

Inscrever-se

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!