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 modal ou pop-up se caractérisent par leur facilité de fermeture, avec 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 propose une solution avec CloseWatcher, une nouvelle API permettant d'écouter directement les demandes de fermeture et d'y répondre. 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> permet d'implémenter facilement le 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 les cas de non-respect des règles sur les autorisations

Les rapports sur le 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 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 d'imbrication CSS simplifiée permet aux règles de style imbriquées de commencer par un élément, au lieu d'être encapsulées avec is() ou d'exiger un esperluette au début.

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

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