Nouveaux utilisateurs sur la plate-forme Web en juin

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été disponibles dans les navigateurs Web stables et bêta en juin 2022.

Versions stables du navigateur

En juin, Chrome 103 et Firefox 102 sont devenus stables.

Flux de transformation et flux d'octets lisibles

Firefox 102 est compatible avec les flux de transformation. Cela permet de rediriger les utilisateurs de ReadableStream vers un WritableStream, en exécutant une transformation sur les fragments. Nous sommes ravis de constater que cette fonctionnalité est disponible dans les trois moteurs. C'est donc l'occasion idéale de se familiariser avec les flux.

Les flux d'octets lisibles sont désormais compatibles avec Firefox 102, ce qui permet d'utiliser un lecteur BYOB avec l'interface ReadableStreamBYOBReader. Il peut être utilisé pour diffuser les données fournies par le développeur.

Accéder aux polices installées localement

Chrome 103 inclut l'API Local Font Access, qui permet d'accéder aux polices installées localement par l'utilisateur. Après avoir demandé l'accès aux polices installées sur l'appareil, appelez window.queryLocalFonts() pour obtenir un tableau des polices installées.

const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
  console.log(fontData.postscriptName);
  console.log(fontData.fullName);
  console.log(fontData.family);
  console.log(fontData.style);
}

Fonctionnalité multimédia update

Firefox 102 inclut la fonctionnalité multimédia update. Ce paramètre permet de demander si le périphérique de sortie peut modifier l'apparence du contenu une fois celui-ci affiché.

Nouveau code d'état HTTP : 103 premiers indices

Chrome 103 ajoute un nouveau code d'état HTTP 103 Early Hints. Si le serveur ou le CDN sait qu'un certain ensemble de sous-ressources est nécessaire pour charger une page, il peut conseiller au navigateur de se connecter préalablement aux origines, voire de précharger les ressources à mesure que la page qui les requiert. Pour bénéficier de la fonctionnalité, vous devez mettre à jour votre serveur ou votre CDN. En savoir plus sur les premiers indicateurs

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 du mois d'avril étaient les suivantes : Chrome 104, Firefox 103 et Safari 16.

Nouvelle syntaxe pour les requêtes média d'une plage

Chrome 104 inclut la nouvelle syntaxe pour les requêtes média liées à une plage, tirée de la spécification des requêtes médias de niveau 4. Par exemple, une requête média rédigée précédemment comme ceci:

@media (min-width: 400px) { … }

Peut désormais être écrit comme ceci:

@media (width >= 400px) { … }

API Region Capture

Chrome 104 sur ordinateur inclut également l'API Region Capture. Cela permet de recadrer et de supprimer le contenu de la vidéo enregistrée avant de la partager.

Safari 16 apporte plusieurs fonctionnalités clés au navigateur

Safari 16 semble être une autre version passionnante de l'équipe Safari. Cette version ajoute de nombreuses fonctionnalités incluses dans Interop 2022. Nous sommes ravis de constater autant d'atterrissages en ce début d'année. Je présente ici quelques-unes de mes fonctionnalités préférées, mais je vous invite à consulter les notes de version pour en savoir plus.

Comme de nombreux développeurs, je me réjouis de la prise en charge des requêtes de taille avec les requêtes de conteneur. Cette fonctionnalité est actuellement à l'origine d'un indicateur dans Chrome.

Safari 16 prend également en charge la valeur subgrid pour grid-template-columns et grid-template-rows. Cette fonctionnalité est déjà disponible dans Firefox et est en cours de développement dans Chrome. Elle permet aux grilles imbriquées d'hériter du dimensionnement des pistes de grille.

Concernant la mise en page en grille, vous pouvez également animer les pistes de la grille.

La méthode showPicker(), qui permet d'afficher un outil de sélection de navigateur pour les dates, l'heure, la couleur et les fichiers de manière canonique, est incluse. Pour en savoir plus, consultez Afficher un sélecteur de navigateur pour la date, l'heure, la couleur et les fichiers.

Les problèmes d'accessibilité de display: contents ont également été résolus. Cette fonctionnalité utile peut donc être utilisée en toute sécurité sans risquer de supprimer des éléments de l'arborescence d'accessibilité.

Ces fonctionnalités bêta seront bientôt disponibles dans des navigateurs stables.

Fait partie de la série Web "New to the Web Series"