Nouveautés de Chrome 119

Adriana Jara

Voici les informations à retenir :

Je m'appelle Adriana Jara. Voyons ce que Chrome 119 propose aux développeurs.

Date d'expiration des cookies.

Depuis Chrome 104, la date d'expiration des cookies nouvellement créés ou mis à jour est limitée à 400 jours au maximum. Cette même limite sera désormais appliquée rétroactivement aux cookies déjà stockés.

Les dates d'expiration de ces cookies ne dépasseront pas 400 jours après le premier démarrage de Chrome 119 ou version ultérieure et la migration unique de la base de données. Les utilisateurs ne ressentiront l'impact de ce changement qu'au moins 400 jours après la sortie de Chrome 119, et uniquement pour les cookies existants qui n'ont pas été mis à jour pendant cette période.

Pour en savoir plus sur la recommandation concernant la date d'expiration, consultez ce rappel indiquant que les cookies tiers seront abandonnés prochainement et ce guide pour vous préparer à l'abandon.

Mises à jour du CSS

Pour CSS, nous avons trois mises à jour:

Premièrement, les nouvelles pseudo-classes :user-invalid et :user-valid qui représentent un élément avec une entrée incorrecte ou correcte, respectivement, mais seulement après que l'utilisateur a interagi de manière significative avec celui-ci. Elles sont similaires aux pseudo-classes :valid et :invalid, mais avec la contrainte supplémentaire que les nouvelles pseudo-classes ne correspondent qu'après que l'utilisateur a interagi avec l'élément.

Deuxièmement, la syntaxe de couleur relative permet aux développeurs de définir des couleurs en modifiant les paramètres d'autres couleurs.

Par exemple, oklab(from magenta calc(l * 0.8) a b); génère un magenta Oklab 80% plus clair.

Et troisièmement, clip-path accepte désormais plus de valeurs.

La propriété clip-path crée une région de découpe qui définit la partie d'un élément à afficher. Les parties situées dans la région sont affichées, tandis que celles situées en dehors sont masquées.

Vous pouvez désormais utiliser des valeurs <geometry-box> pour contrôler la zone de référence du clip, ce qui facilite l'utilisation de clip-path. Ces valeurs de zone peuvent être utilisées avec des formes de base (par exemple, clip-path: circle(50%) margin-box) ou seules pour découper la zone spécifiée (par exemple, clip-path: content-box).

Vous pouvez également utiliser les fonctions xywh() et rect(), qui facilitent la spécification de clips rectangulaires ou rectangulaires arrondis.

Correction: Une version précédente de cet article faisait référence à des améliorations apportées aux cadres délimités. Ces modifications sont désormais disponibles dans Chrome 120.

Et bien plus !

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

  • WebSQL est complètement supprimé à partir de Chrome 119. Une évaluation avant arrêt de l'origine inverse permet aux développeurs de continuer à utiliser WebSQL jusqu'à Chrome 123.

  • L'option monitorTypeSurfaces permet désormais d'empêcher l'utilisateur de partager l'intégralité de son écran, avec getDisplayMedia()

  • Un test d'origine ajoute un paramètre windowFeatures fullscreen à l'API JavaScript window.open() pour permettre à l'appelant d'ouvrir une fenêtre pop-up directement en plein écran.

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

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. Dès que Chrome 120 sera disponible, je serai là pour vous présenter les nouveautés de Chrome.