Cette page a été traduite par l'API Cloud Translation.

Nouveautés de Chrome 125

Adriana Jara

Voici les informations à retenir :

Ancrer des éléments est plus facile que jamais grâce au positionnement d'ancrage CSS.
L'API Compute Pressure permet d'optimiser la puissance disponible de l'ordinateur.
L'API Storage Access ne se limite pas au stockage de cookies.
Et ce n'est pas tout : ce n'est pas tout.

Je m'appelle Adriana Jara. Découvrons ensemble les nouveautés pour les développeurs dans Chrome 125.

Positionnement de l'ancrage CSS

Afficher un élément ancré à un autre élément vous permet de créer des modèles d'interface utilisateur, par exemple en utilisant un pop-up comme info-bulle et en l'attachant à l'élément qui l'appelle.

Grâce au positionnement de l'ancrage CSS, vous pouvez partager un élément positionné de façon absolue avec un ou plusieurs éléments de la page de manière déclarative. Elle ne nécessite pas JavaScript et fonctionne efficacement lorsque les ancrages peuvent être défilés.

La fonctionnalité de positionnement de l'ancrage se compose d'un grand nombre de propriétés CSS. Voici quelques propriétés clés:

anchor-name: configure un élément comme ancrage pour d'autres éléments.
position-anchor: décrit l'ancre "par défaut" qu'un élément ancré doit utiliser pour son positionnement.
La fonction anchor(): fait référence à la position de l'élément ancré.
inset-area: raccourci de positionnement, pour les positions relatives courantes.

API Compute Pressure.

L'API Compute Pressure propose des états généraux qui représentent la charge du processeur sur le système.

Pour optimiser une utilisation équilibrée de la puissance informatique, l'API utilise les métriques matérielles sous-jacentes appropriées pour s'assurer que les utilisateurs peuvent profiter de toute la puissance de traitement disponible tant que le système n'est pas soumis à une contrainte ingérable.

Intel a dirigé le travail de conception et d'implémentation de cette API, qui permettra aux applications de visioconférence d'équilibrer dynamiquement les fonctionnalités et les performances.

Accédez à l'API Compute Pressure pour obtenir des exemples et plus d'informations.

L'API Storage Access (SAA) est étendue au stockage sans cookies.

L'API Storage Access est une API JavaScript créée comme alternative aux cookies intersites, pour les intégrations qui dépendent du chargement de ressources intersites, afin de demander l'autorisation d'accès à l'utilisateur, au besoin.

Cette version inclut une extension permettant d'utiliser l'API au-delà des cookies. Avec cette extension, vous pouvez accéder à des cookies non partitionnés et à un stockage non basé sur des cookies dans un contexte tiers, par exemple pour indexéDB et localstorage. Le code suivant montre un exemple de demande d'accès à la base de données indexée.

// 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");

Et plus encore

Bien sûr, ce n’est pas tout.

Une phase d'évaluation est disponible pour l'API Device Posture et l'API Viewport Segments Enumeration. Ces API sont conçues pour aider les développeurs à cibler les appareils pliables.
Ajout des fonctions CSS de valeur échelonnée round(), mod() et rem(), ce qui rend ces fonctionnalités de référence disponibles.
L'API Shared Storage est désormais compatible avec l'exécution de Worklets multi-origines, sans qu'il soit nécessaire de créer un iFrame.

Lire les notes de version complètes

Complément d'informations

Nous n'aborderons ici que certains points clés. Consultez les liens suivants pour obtenir des modifications supplémentaires dans Chrome 125.

Pour ne rien manquer, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera lancée.

Adriana Jara, soja, et dès la sortie de Chrome 126, je serai là pour vous faire part des nouveautés de Chrome !