Nouveautés de Chrome 120

Adriana Jara

Voici les informations à retenir :

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

API CloseWatcher.

Les composants modals ou pop-up sont faciles à fermer, grâce à un mécanisme cohérent. Ces mécanismes sont appelés requêtes de fermeture. Ils correspondent généralement à la touche ESC sur les plates-formes de bureau et au geste ou au 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 fournir 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 de <dialog> et popover="" pour utiliser le nouveau framework de demande de fermeture, de sorte qu'ils répondent au bouton "Retour" d'Android.

Pour essayer, consultez 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 qui partage 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>

Rapports sur le non-respect des règles sur les autorisations

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 pour une page, ses iframes et ses sous-ressources, en déclarant un ensemble de règles que le navigateur doit appliquer avec l'API Reporting. L'API Reporting fournit un mécanisme de création de rapports générique que les applications Web peuvent utiliser pour mettre à disposition des rapports 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 des rapports sur les cas de non-respect des règles d'autorisation seront envoyés. Les propriétaires de sites peuvent ainsi voir quand des fonctionnalités non autorisées sont demandées pour leurs pages dans le champ.

Contrôler les fonctionnalités du navigateur avec le règlement sur les autorisations fournit plus de détails sur l'implémentation.

Et bien plus !

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

  • 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.

  • Pour rappel, Chrome s'efforce d'abandonner les cookies tiers. En janvier, un test commencera et pourrait avoir un impact sur votre site Web. Il est donc important de consulter Préparez-vous à la fin des cookies tiers pour connaître les étapes d'audit et de mitigation.

Documentation complémentaire

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

S'abonner

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