Nouveaux utilisateurs sur la plate-forme Web en avril

Découvrez certaines des fonctionnalités intéressantes disponibles dans les navigateurs Web stables et bêta en avril 2022.

Versions stables du navigateur

En avril, Chrome 101 et Firefox 99 sont devenus stables. Après l'arrivée des fonctionnalités exceptionnelles le mois dernier, le calme était un peu moins important au mois d'avril, mais nous avons découvert quelques fonctionnalités intéressantes.

Chrome 101 inclut le format de couleur HWB. Il spécifie la couleur en fonction de sa teinte, de sa blancheur et de son noirceur. Comme pour les autres notations de couleur, un composant alpha facultatif spécifie l'opacité.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Pour en savoir plus sur hwb(), consultez cet article de Stefan Judis: hwb() – a color notation for humans? (une notation de couleur pour les humains).

Navigateurs pris en charge

  • Chrome : 101.
  • Edge : 101.
  • Firefox : 96.
  • Safari : 15.

Source

Chrome 101 inclut également la fonctionnalité Priorité de récupération. Vous pouvez ainsi indiquer au navigateur dans quel ordre les ressources doivent être téléchargées à l'aide de l'attribut fetchpriority. Dans l'exemple ci-dessous, une image de faible priorité est indiquée par fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

La priorité de récupération n'est pas encore disponible dans d'autres navigateurs. Toutefois, vous pouvez commencer à l'utiliser dès maintenant pour en faire profiter tous les utilisateurs d'un navigateur basé sur Chromium 101.

Navigateurs pris en charge

  • Chrome: 102.
  • Edge : 102.
  • Firefox: 132
  • Safari : 17.2

Source

Firefox 99 inclut la propriété pdfViewerEnabled de l'interface de navigation. Cette propriété indique si le navigateur est compatible avec l'affichage intégré des fichiers PDF.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

Navigateurs pris en charge

  • Chrome : 94.
  • Edge : 94.
  • Firefox: 99
  • Safari : 16.4.

Source

Versions bêta du navigateur

Les versions bêta du navigateur vous donnent un aperçu des éléments qui seront disponibles 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 que le monde ne soit lancé.

Les nouvelles versions bêta d'avril étaient Chrome 102, Firefox 100 et Safari 15.5.

Les versions preview de Chrome 102, Safari 15.5 et Firefox incluent l'attribut inert. Cela supprime les éléments de l'ordre des onglets et de l'arborescence d'accessibilité s'ils ne sont pas interactifs. Par exemple, un élément qui est actuellement hors écran ou masqué.

Chrome 102 inclut la nouvelle valeur until-found pour l'attribut HTML hidden. Cela permet de rechercher du texte sur la page et de faire défiler la page jusqu'à un fragment de texte situé dans une zone réduite de la page, comme dans un modèle d'accordéon. Pour en savoir plus, consultez l'article Rendre le contenu réductible accessible avec hidden=until-found.

Navigateurs pris en charge

  • Chrome : 102.
  • Edge : 102.
  • Firefox: non compatible.
  • Safari : non compatible.

Source

Chrome 102 inclut également l'API Local Font Access, qui permet d'accéder aux polices installées localement par l'utilisateur.

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

Fait partie de l'événement New to the Web Series