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

Nouveautés de Chrome 125

Adriana Jara

Voici les informations à retenir :

Il n'a jamais été aussi simple d'ancrer des éléments grâce au positionnement des ancres CSS.
L'API Compute Pressure permet d'optimiser la puissance informatique disponible.
L'API Storage Access est étendue au-delà du stockage des cookies.
Et ce n'est pas tout : d'autres fonctionnalités sont disponibles.

Je m'appelle Adriana Jara. Voyons ce que Chrome 125 a de nouveau à offrir aux développeurs.

Positionnement des ancres CSS.

L'affichage d'un élément ancré à un autre vous permet de créer des modèles d'UI, par exemple en utilisant un popover comme info-bulle et en l'attachant à l'élément qui l'invoque.

Avec le positionnement d'ancrage CSS, vous pouvez associer de manière déclarative un élément positionné de manière absolue à un ou plusieurs éléments de la page. Il ne nécessite pas de code JavaScript et fonctionne de manière performante lorsque les ancres sont à faire défiler.

La fonctionnalité de positionnement des ancres se compose d'un grand nombre de propriétés CSS. Voici quelques-unes des principales propriétés:

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

API Compute Pressure.

L'API Compute Pressure propose des états de haut niveau qui représentent la charge du processeur sur le système.

Lors de l'optimisation pour 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 exploiter toute la puissance de traitement disponible tant que le système n'est pas soumis à un stress incontrôlable.

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

Pour obtenir des exemples et en savoir plus, consultez la page API Compute Pressure.

Extension de l'API Storage Access (SAA) au stockage non basé sur les cookies.

L'API Storage Access est une API JavaScript conçue comme une alternative aux cookies intersites pour les éléments intégrés qui dépendent du chargement de ressources intersites. Elle permet de demander à l'utilisateur l'autorisation d'accéder aux ressources, selon les besoins.

Cette version inclut une extension permettant d'utiliser l'API au-delà des cookies. Grâce à cette extension, vous pouvez accéder aux cookies non partitionnés et au stockage non basé sur les cookies dans un contexte tiers, par exemple pour indexedDB et localstorage. Le code suivant montre un exemple de demande d'accès à indexedDB.

// 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 bien plus !

Bien sûr, il y a bien d'autres choses.

Une phase d'évaluation de l'origine 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.
Les fonctions CSS à valeurs incrémentielles round(), mod() et rem() ont été ajoutées, ce qui rend ces fonctionnalités disponibles en tant que référence
L'API Shared Storage permet désormais d'exécuter des worklets multi-origines sans avoir à créer d'iFrame.

Consultez les notes de version complètes.

Documentation complémentaire

Il ne s'agit que de quelques points clés. Consultez les liens suivants pour en savoir plus sur les modifications apportées à Chrome 125.

Pour vous tenir informé, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez alors une notification par e-mail chaque fois que nous lancerons une nouvelle vidéo.

Je m'appelle Adriana Jara. Dès que Chrome 126 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.