Veja o que é necessário saber:
- Ancorar elementos ficou mais fácil do que nunca com o posicionamento de âncora CSS.
- A API Compute Pressure ajuda a otimizar a capacidade do computador disponível.
- A API Storage Access foi expandida para mais do que o armazenamento de cookies.
- E há muito mais.
Meu nome é Adriana Jara. Vamos conhecer as novidades para os desenvolvedores no Chrome 125.
Posicionamento de âncora de CSS.
A exibição de um elemento ancorado a outro permite criar padrões de interface, por exemplo, usar um pop-up como dica e anexá-lo ao elemento que o invoca.
Com o posicionamento de âncora em CSS, você pode vincular um elemento totalmente posicionado a um ou mais elementos na página de maneira declarativa. Ela não exige JavaScript e funciona bem quando as âncoras são roláveis.
O recurso de posicionamento de âncoras consiste em várias propriedades CSS. Estas são 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 dela.- A função
anchor(): refere-se à posição do elemento de âncora no posicionamento desse elemento. 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 potência do computador, a API usa as métricas certas de hardware subjacente para garantir que os usuários possam aproveitar toda a capacidade de processamento disponível, desde que o sistema não esteja sob estresse incontrolável.
A Intel liderou o trabalho de design e implementação dessa API, que vai permitir que apps de videoconferência equilibrem recursos e desempenho de forma dinâmica.
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 e solicitar a permissão de acesso do usuário, conforme necessário.
Esta 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, como indexadoDB e localstorage. O código a seguir mostra um exemplo para solicitar acesso ao indexadoDB.
// 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, há muito mais.
Há um teste de origem da API Device posture e da API Viewport Segments Enumeration. Essas APIs foram projetadas para ajudar os desenvolvedores a segmentar dispositivos dobráveis.
As funções de valor em etapas do CSS
round(),mod()erem()foram adicionadas. Agora, esses recursos estão disponíveis como 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.
Leia mais
Isso aborda apenas alguns destaques importantes. Acesse os links a seguir para ver outras mudanças no Chrome 125.
- Novidades do Chrome DevTools (125)
- Atualizações do ChromeStatus.com para o Chrome 125
- 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 para desenvolvedores do Chrome. Você receberá uma notificação por e-mail sempre que lançarmos um novo vídeo.
Adriana Jara, Soja! Assim que o Chrome 126 for lançado, estarei aqui para contar as novidades do Chrome.