Nouveautés de Chrome 120

Adriana Jara

Voici les informations à retenir :

Je m'appelle Adriana Jara. Découvrons ensemble les nouveautés pour les développeurs dans Chrome 120.

API CloseWatcher.

Une caractéristique importante des composants modal ou pop-up est qu'ils sont faciles à fermer, avec un mécanisme cohérent pour ce 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 ne disposaient d'aucun bon moyen de gérer les demandes fermées pour leurs propres composants. Cela est particulièrement problématique sur les appareils Android, où le comportement de fermeture simple pour le geste Retour est assez complexe.

Chrome 120 intègre CloseWatcher, une nouvelle API permettant d'écouter directement les requêtes fermées et d'y répondre. Il inclut également des mises à niveau vers <dialog> et popover="" afin d'utiliser le nouveau framework de demande de fermeture, afin qu'elles répondent au bouton "Retour" d'Android.

Pour essayer, consultez la démo de l'API CloseWatcher.

Attribut de nom <details>

L'attribut name de l'élément <details> facilite l'implémentation du motif en 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>

Rapports sur les cas de non-respect des règles en matière d'autorisations

Les rapports sur les cas de non-respect des règles relatives aux autorisations 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 à 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.

L'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 concernant les autorisations seront envoyés. Les propriétaires de sites pourront ainsi savoir quand des fonctionnalités non autorisées sont demandées pour leurs pages dans le champ prévu à cet effet.

Contrôler les fonctionnalités du navigateur à l'aide de règles d'autorisation inclut davantage d'informations sur l'implémentation.

Et bien plus !

Bien sûr, ce n’est pas tout.

  • L'implémentation de l'imbrication CSS souple permet aux règles de style imbriquées de commencer par un élément, plutôt que d'être encapsulées avec is() ou d'exiger une esperluette au début.

  • Avec l'action enterpictureinpicture dans 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 Document Picture-in-picture.

  • Nous vous rappelons également que Chrome s'efforce d'abandonner les cookies tiers. En janvier, un test qui pourrait affecter votre site Web commencera en janvier. Il est donc important de consulter Préparer la fin des cookies tiers pour effectuer les audits et les mesures correctives.

Complément d'informations

Nous n'aborderons ici que certains points clés. Consultez les liens ci-dessous pour en savoir plus sur les modifications supplémentaires apportées à Chrome 120.

S'abonner

Pour ne rien manquer, abonnez-vous à la chaîne YouTube des développeurs Chrome. Vous recevrez une notification par e-mail chaque fois qu'une nouvelle vidéo sera lancée.

Adriana Jara, notre équipe vous souhaite de joyeuses fêtes. Dès que Chrome 121 sera disponible, je serai là pour vous informer des nouveautés de Chrome.