Nouveautés de Chrome 149

Publié le : 2 juin 2026

Chrome 149 est en cours de déploiement. Cet article présente certaines des principales fonctionnalités de cette version. Consultez les notes de version complètes de Chrome 149.

Voici quelques points essentiels de cette version :

Décorations d'espaces CSS

Les décorations d'espaces CSS vous permettent de styliser les espaces dans les mises en page de conteneur telles que les grilles et les flexbox. Elles apportent de la cohérence et de nouvelles options de style qui nécessitaient auparavant des hacks complexes de bordure et de pseudo-éléments. Cette fonctionnalité est compatible avec l'amélioration progressive. Dans les navigateurs non compatibles, les espaces vides s'affichent normalement, sans décoration.

Il introduit des propriétés telles que column-rule-inset et row-rule-inset pour réduire ou étendre les décorations, et column-rule-visibility-items et row-rule-visibility-items pour afficher les règles uniquement entre les éléments adjacents ou dans chaque espace. La largeur, la couleur et les encarts des règles sont entièrement animables, ce qui vous permet de les faire passer en transition au survol ou à d'autres changements d'état.

Pour en savoir plus, consultez le post stable sur les décorations de l'écart CSS.

Déconnecter les WebSockets lors de l'entrée dans le bfcache

Les connexions WebSocket actives n'empêchent plus une page d'entrer dans le cache Back/Forward (bfcache). En fermant de manière proactive les connexions WebSocket sur l'entrée BFCache au lieu de marquer le document comme non éligible, le navigateur permet aux pages avec des WebSockets actifs d'être stockées en mémoire et restaurées instantanément.

Auparavant, toute connexion WebSocket active forçait le navigateur à supprimer la page lorsque l'utilisateur changeait de page, ce qui l'empêchait d'être stockée dans le cache des pages précédentes et suivantes (bfcache).

Intl.Locale.prototype.variants

L'objet Intl.Locale représente un identifiant de paramètre régional Unicode. L'objet principal est "Baseline Widely available".

Les variantes font partie de l'identifiant de langue principal et permettent de sélectionner des variantes d'une langue que le triple (langue, région, script) ne peut pas différencier. Cette fonctionnalité est déjà disponible dans Firefox et Safari, et l'est désormais dans Chrome.

Exemple :

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

Pour en savoir plus, consultez la documentation MDN sur Intl.Locale.prototype.variants.

Documentation complémentaire

Il ne s'agit que de quelques points clés. Consultez les liens suivants pour découvrir les autres modifications apportées à Chrome 149.

S'abonner

Pour ne rien manquer, abonnez-vous à la chaîne YouTube Chrome Developers. Vous recevrez une notification par e-mail chaque fois que nous publierons une nouvelle vidéo. Vous pouvez également nous suivre sur X ou LinkedIn pour découvrir de nouveaux articles et posts de blog.

Dès que Chrome 150 sera disponible, nous vous présenterons les nouveautés de Chrome.