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

Nouveautés de Chrome 125

Adriana Jara

Voici les informations à retenir :

Grâce au positionnement d'ancrage CSS, ancrer des éléments n'a jamais été aussi simple.
L'API Compute Pressure permet d'optimiser la puissance disponible de l'ordinateur.
L'API Storage Access est étendue pour ne pas se limiter au stockage de cookies.
Et ce n'est pas tout !

Je m'appelle Adriana Jara. Intéressons-nous maintenant aux nouveautés de Chrome 125 pour les développeurs.

Positionnement de l'ancre CSS

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

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 efficacement lorsque les ancres sont déroulantes.

La fonctionnalité de positionnement de l'ancre comprend un grand nombre de propriétés CSS. A quelques-unes des propriétés clés sont les suivantes:

anchor-name: configure un élément en tant qu'ancre pour d'autres éléments.
position-anchor: décrit la "valeur par défaut" qu'un élément ancré à utiliser pour le positionnement de l'ancre.
La fonction anchor(): fait référence à la position de l'ancre lors du positionnement 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 de l'ordinateur, l'API utilise les métriques matérielles sous-jacentes appropriées pour permettre aux utilisateurs de bénéficier de toute la puissance de traitement disponible tant que le système n'est pas soumis à une pression ingérable.

Intel a dirigé les tâches 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 échantillons et en savoir plus.

API Storage Access (SAA) étendue au stockage autre que les cookies.

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

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 à indexéeDB.

// 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 en a bien d'autres.

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.
Les fonctions CSS de valeurs échelonnées round(), mod() et rem() ont été ajoutées, ce qui rend ces fonctionnalités disponibles depuis la version de référence.
L'API Shared Storage est désormais compatible avec l'exécution de Worklets multi-origines sans avoir à créer d'iFrame.

Lisez les notes de version complètes.

Documentation complémentaire

Cela ne couvre que certains points clés. Consultez les liens suivants pour modifications supplémentaires dans Chrome 125.

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

Bonjour Adriana Jara. Dès la sortie de Chrome 126, je serai là pour vous présenter les nouveautés de Chrome.