Découvrez certaines des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en janvier 2023.
Versions stables du navigateur
En janvier 2023, Firefox 109, Chrome 109 et Safari 16.3 sont devenus stables. Voyons ce que cela implique pour la plate-forme Web.
MathML
Chrome 109 est compatible avec MathML Core, un langage permettant de décrire la notation mathématique intégrable en HTML et SVG. Cette version signifie que MathML est désormais interopérable sur tous les principaux moteurs.
L'événement scrollend
Firefox 109 implémente scrollend. Cet événement offre un moyen fiable de détecter qu'un défilement est terminé. Pour en savoir plus sur cet événement, qui est également implémenté dans Chrome, consultez l'article Scrollend, un nouvel événement JavaScript.
Unité de longueur CSS lh et hyphenate-limit-chars
Pour le CSS dans Chrome, nous utilisons l'unité de longueur lh. Cette unité est équivalente à la valeur calculée de la propriété line-height pour l'élément sur lequel elle est utilisée.
Navigateurs pris en charge
- 109
- 109
- 120
- 16.4
Propriété hyphenate-limit-chars spécifiant le nombre minimal de caractères dans un mot composé.
Navigateurs pris en charge
- 109
- 109
- x
- x
CSP (Content-Security-Policy) prefetch-src
Safari 16.3 est principalement une version de correctifs qui résout un certain nombre de problèmes de dimensionnement CSS. La seule nouvelle fonctionnalité répertoriée dans les commentaires est l'ajout de la directive CSP (Content-Security-Policy) prefetch-src.
Fonctionnalités de Chrome sur Android
La nouvelle fonctionnalité Chrome sur Android est la Confirmation de paiement sécurisé (SPC). Il s'agit d'une norme Web proposée qui permet aux clients de s'authentifier auprès d'un émetteur de carte de crédit, d'une banque ou d'un autre fournisseur de services de paiement à l'aide d'un authentificateur de plate-forme, généralement activé avec la fonctionnalité de déverrouillage de l'écran d'un appareil, comme un lecteur d'empreinte digitale.
Le système OPFS (Origin Private File System) est également une nouveauté de Chrome sur Android. Il fait partie de l'API File System Access sur Android. Cela inclut toute la surface de l'API File System Access, à l'exception des méthodes show{OpenFile, SaveFile, Directory}Picker() et de l'intégration de l'API de glisser-déposer.
Versions bêta des navigateurs
Les versions bêta vous donnent un aperçu de ce qui sera disponible dans la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou des suppressions, qui pourraient avoir un impact sur votre site, avant qu'elles soient publiées. Les nouvelles versions bêta sont Firefox 110 et Chrome 110.
Chrome 110 inclut la propriété CSS initial-letter. Cette propriété permet de définir le nombre de lignes qu'une lettre initiale doit insérer dans le texte. Pour en savoir plus, consultez l'article Contrôler vos drops Caps avec la lettre initiale CSS.
De plus, pour CSS dans Chrome 110, il y a la pseudo-classe :picture-in-picture. Cela vous permet de cibler et de personnaliser le lecteur multimédia lorsque des vidéos entrent en mode Picture-in-picture ou la quittent.
Chrome inclut la méthode setSinkID() de l'API AudioContext. Cette méthode permet de modifier l'appareil audio de destination lorsque vous utilisez l'inventaire audio sur le Web.
Firefox 110 inclut des requêtes de conteneur de taille qui nous permettront d'assurer l'interopérabilité entre les trois principaux moteurs de navigateur pour cette fonctionnalité tant attendue.
Fait partie de la série Web "New to the Web Series"