équilibrage des titres CSS, CHIPS, événement de défilement et pop-over.
Sauf indication contraire, les modifications décrites ci-dessous s'appliquent à la dernière version bêta de Chrome pour Android, ChromeOS, Linux, macOS et Windows. Pour en savoir plus sur les fonctionnalités listées ici, cliquez sur les liens fournis ou consultez la liste sur ChromeStatus.com. Chrome 114 est en version bêta depuis le 3 mai 2023. Vous pouvez télécharger la dernière version sur Google.com sur un ordinateur ou sur le Google Play Store sur Android.
CSS
Cette version inclut deux nouvelles fonctionnalités CSS.
Équilibrage des titres CSS
Cette fonctionnalité permet d'équilibrer la longueur des lignes d'un élément, afin d'améliorer la lisibilité et de limiter les orphelins typographiques, pour le texte qui s'étend sur quatre lignes ou moins. Cette fonction est souvent utile pour les titres. Par exemple, le code CSS suivant équilibrerait tous les niveaux de titre et les citations:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Outre la propriété text-wrap
, la propriété white-space-collapse
est également prise en charge. La propriété white-space
devient un raccourci de ces propriétés.
Pour en savoir plus, consultez CSS text-wrap: balance
.
Alias overflow: overlay
en overflow: auto
Chrome 114 supprime le mode de défilement overflow: overlay
et fait de overlay
un ancien alias de auto
. L'utilisation de overflow: overlay
est identique à overflow: auto
, sauf qu'elle n'empêche pas le contenu de s'étendre dans la marge de la barre de défilement, dans les cas où des barres de défilement de l'OS non en superposition sont présentes. (Si des barres de défilement en superposition sont présentes, cela n'a aucun effet.)
API Web
API NotRestoredReason du cache amélioré
L'API NotRestoredReason fournit la liste des raisons pour lesquelles une page n'est pas diffusée depuis BFcache dans une arborescence de frames, via l'API PerformanceNavigationTiming.
Cookies Has Independent Partitioned State (CHIPS)
Chrome prévoit de rendre obsolètes les cookies tiers. Par conséquent, les développeurs doivent pouvoir les utiliser dans des contextes tiers partitionnés par site de premier niveau. Cette étape est nécessaire pour les cas d'utilisation qui ne sont pas liés au suivi intersites. comme les intégrations SaaS, le CMS sans interface graphique et les domaines de bac à sable. L'attribut de cookie CHIPS de Partitioned
permet aux développeurs d'activer le partitionnement de leurs cookies tiers par site de premier niveau. Les CHIPS sont activés via les variantes Chrome dans Chrome 110 et versions ultérieures. Avec Chrome 114, les CHIPS seront activés par défaut pour toutes les instances du navigateur.
En savoir plus sur les CHIPS
L'événement scrollend
Cet événement permet aux développeurs de savoir quand un défilement est terminé (ce qui inclut à la fois le défilement lui-même et les mises à jour des décalages par rapport au défilement) via les écouteurs d'événements. Savoir quand un défilement est terminé est utile pour diverses raisons. Par exemple, vous pouvez synchroniser une logique avec la section ancrée, récupérer des éléments dans une liste ou déclencher de nouvelles animations. Cette fonctionnalité simplifie considérablement la logique de gestion des effets de fin de défilement afin qu'ils soient cohérents sur de nombreuses modalités d'entrée différentes. Actuellement, les développeurs répondent à ce besoin en observant les événements de défilement et en créant des algorithmes de délai d'expiration ad hoc.
En savoir plus sur l'événement scrollend
API Popover
API qui peut être utilisée pour créer des éléments d'interface utilisateur (UI) temporaires qui s'affichent au-dessus de toutes les autres interfaces d'applications Web. Il peut s'agir d'éléments interactifs comme les menus d'actions, les suggestions d'éléments de formulaire, les sélecteurs de contenu et l'interface utilisateur d'enseignement. Cette API utilise un nouvel attribut de contenu popover
pour permettre l'affichage de n'importe quel élément dans la couche supérieure. Cette méthode est semblable à l'élément <dialog>
, mais présente plusieurs différences importantes, telles que le comportement de fermeture légère, la gestion des interactions avec une fenêtre pop-up, la prise en charge des événements et l'absence de mode "modal".
En savoir plus sur l'API Popover
Option Web Bluetooth exclusionFilters
dans requestDevice()
L'option exclusionFilters
dans navigator.bluetooth.requestDevice()
permet aux développeurs Web d'exclure certains appareils de l'outil de sélection du navigateur. Elle permet d'exclure les appareils qui correspondent à un filtre plus large, mais qui ne sont pas compatibles.
Consultez un exemple de code qui illustre l'utilisation de l'API Web Bluetooth pour récupérer les informations de base d'un appareil Bluetooth à basse consommation situé à proximité et doté de filtres d'exclusion de base.
Proposition constante étendue WebAssembly
Chrome 114 implémente la proposition constante étendue de WebAssembly. Cette proposition ajoute les instructions suivantes à la liste des instructions constantes valides: i32.add
, i32.sub
, i32.mul
, i64.add
, i64.sub
et i64.mul
.
Essais d'origine en cours
Dans Chrome 114, vous pouvez activer les nouvelles phases d'évaluation suivantes.
Mesure de l'attribution entre les applications et le Web
Étend l'API Attribution Reporting pour permettre d'attribuer les conversions qui se produisent sur le Web à des événements qui se produisent dans d'autres applications. Cette proposition tire parti de la prise en charge de l'attribution au niveau du système d'exploitation. En particulier, elle permet au développeur d'autoriser l'association d'événements sur le Web mobile aux événements de la Privacy Sandbox d'Android, mais il est également possible de prendre en charge d'autres plates-formes.
S'inscrire à l'essai de mesure de l'attribution entre les applications et le Web
API Background Blur
L'API Background Blur permet aux développeurs Web d'utiliser l'API de la plate-forme native pour la segmentation de l'arrière-plan de la caméra. Le flou d'arrière-plan est devenu l'une des fonctionnalités les plus utilisées dans les applications de visioconférence. Nous souhaitons donc que les applications Web exploitent les mêmes API de plate-forme sans avoir à recourir à des frameworks de ML tels que TensorFlow.js, Mediapipe, des bibliothèques WASM ou des solutions cloud.
S'inscrire à la phase d'évaluation de Background Blur
Abandons et suppressions
Il n'y a pas de nouveaux abandons ni de suppressions dans Chrome 114.