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

Nouveautés de Chrome 125

Adriana Jara

Voici les informations à retenir :

Le positionnement des éléments n'a jamais été aussi simple avec le positionnement des ancres CSS.
L'API Compute Pressure permet d'optimiser la puissance disponible de l'ordinateur.
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.

Grâce au positionnement d'ancrage CSS, vous pouvez partager de manière déclarative un élément positionné de façon absolue avec 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'ancre "par défaut" qu'un élément ancré doit utiliser pour le positionner.
La fonction anchor(): fait référence à la position de l'élément d'ancrage pour positionner l'élément ancré.
inset-area: raccourci de 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.

API Storage Access (SAA) étendue au stockage non-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. Cette extension vous permet d'accéder aux cookies non partitionnés et au stockage non-cookie dans un contexte tiers, par exemple pour les bases de données indexées et le stockage local. 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 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.