Nouveautés de Chrome 120

Adriana Jara

Voici les informations à retenir :

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

API CloseWatcher.

Une caractéristique importante des composants modals ou pop-up est qu'ils sont faciles à fermer,avec un mécanisme cohérent pour le faire. Ces mécanismes sont appelés requêtes de fermeture. Il s'agit généralement de la touche ESC sur les plates-formes de bureau et du geste ou du bouton Retour sur Android.

Les développeurs Web n'avaient aucun moyen efficace de gérer les requêtes de fermeture pour leurs propres composants. Cela est particulièrement problématique sur les appareils Android, où il est assez complexe de définir un comportement de fermeture simple pour le geste Retour.

Chrome 120 apporte la solution avec CloseWatcher, une nouvelle API permettant d'écouter et de répondre directement aux requêtes de fermeture. Il inclut également des mises à niveau vers <dialog> et popover="" pour utiliser le nouveau framework de requête de fermeture, afin qu'ils répondent au bouton "Retour" d'Android.

Pour essayer, regardez la démonstration de l'API CloseWatcher.

Attribut de nom <details>

L'attribut name de l'élément <details> facilite l'implémentation du modèle d'accordéon à l'aide d'une séquence d'éléments HTML <details>.

Plusieurs éléments <details> ayant le même name forment un groupe. Avec cette configuration, vous ne pouvez ouvrir qu'un seul élément de ce groupe à la fois.

Voici un exemple avec un groupe portant le nom cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Signalements de non-respect des règles d'autorisation

Les rapports sur les cas de non-respect des règles d'autorisation sont désormais disponibles. Ils intègrent l'API Permissions Policy, qui permet aux développeurs de contrôler les fonctionnalités du navigateur disponibles sur une page, ses iFrames et ses sous-ressources, en déclarant un ensemble de règles que le navigateur doit appliquer à l'aide de l'API Reporting. L'API Reporting fournit un mécanisme générique de création de rapports permettant aux applications Web de rendre des rapports disponibles en fonction de plusieurs fonctionnalités de la plate-forme.

Cette intégration de l'API Permissions Policy et de l'API Reporting permet aux développeurs Web de configurer des points de terminaison auxquels les rapports de non-respect des règles d'autorisation seront envoyés. Les propriétaires de sites pourront ainsi voir à quel moment les fonctionnalités non autorisées sont demandées sur leurs pages dans le champ.

Le contrôle des fonctionnalités du navigateur à l'aide des règles d'autorisations inclut davantage d'informations sur l'implémentation.

Et bien plus !

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

  • L'implémentation assouplie de l'imbrication CSS permet aux règles de style imbriquées de commencer par un élément, au lieu d'être encapsulées avec is() ou de nécessiter une esperluette devant.

  • Avec l'action enterpictureinpicture de l'API Media Session, les sites Web peuvent enregistrer un gestionnaire d'actions qui permet d'ouvrir une fenêtre Picture-in-picture ou Picture-in-picture pour les documents.

  • Nous vous rappelons également que Chrome s'efforce d'abandonner les cookies tiers. En janvier, un test susceptible d'affecter votre site Web commencera. Il est donc important de consulter Préparer la fin des cookies tiers pour découvrir les étapes d'audit et d'atténuation des risques.

Documentation complémentaire

Cela ne couvre que certains points clés. Consultez les liens ci-dessous pour modifications supplémentaires dans Chrome 120.

S'abonner

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, notre équipe vous souhaite de joyeuses fêtes. Dès la sortie de Chrome 121, je serai là pour vous présenter les nouveautés de Chrome.