Nouveau sur la plate-forme Web en mai

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

En mai, Chrome 102, Safari 15.5, Firefox 100 et Firefox 101 sont devenus stables.

Chrome 102 et Safari 15.5 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é.

Navigateurs pris en charge

  • Chrome: 102.
  • Edge : 102.
  • Firefox: 112.
  • Safari : 15.5.

Source

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 l'API Navigation, qui standardise le routage côté client dans les applications monopages. Cette API était auparavant appelée "API App History".

Navigateurs pris en charge

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

Source

Firefox 101 est compatible avec les feuilles de style construesibles. La compatibilité inclut le constructeur CSSStyleSheet(), ainsi que les méthodes replace() et replaceSync(). Les feuilles de style construesibles facilitent la création de feuilles de style à utiliser avec le Shadow DOM. Dans l'exemple suivant, une feuille de style est créée à l'aide du constructeur CSSStyleSheet(), une règle CSS est ajoutée avec la méthode replaceSync(), et la règle résultante est imprimée dans la console.

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

Navigateurs pris en charge

  • Chrome: 73.
  • Edge: 79.
  • Firefox : 101.
  • Safari: 16.4.

Source

Firefox 101 inclut également la fonctionnalité multimédia prefers-contrast, qui la rend disponible dans tous les navigateurs.

Navigateurs pris en charge

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

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 les nouvelles fonctionnalités ou les suppressions qui pourraient avoir un impact sur votre site avant que tout le monde ne les ait.

Les nouvelles versions bêta d'avril étaient Chrome 103 et Firefox 102.

Firefox 102 inclut la fonctionnalité multimédia update. Permet de savoir si l'appareil de sortie peut modifier l'apparence du contenu une fois qu'il a été affiché. Il accepte les valeurs suivantes:

none
Une fois le contenu affiché, il ne peut plus être modifié. (par exemple, un document papier).
slow
L'appareil peut mettre à jour le contenu, mais trop lentement pour afficher une animation fluide. (par exemple, les écrans E-ink)
fast
Le contenu peut changer de manière dynamique et suffisamment rapidement pour afficher des animations. (par exemple, l'écran d'un ordinateur ou d'un téléphone).

Navigateurs pris en charge

  • Chrome : 113.
  • Edge: 113.
  • Firefox : 102.
  • Safari: 17.

Source

Chrome 103 inclut 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 les navigateurs stables.

Modification: Une version précédente de ce post mentionnait la méthode Element.isVisible(), qui n'est pas incluse dans cette version.

Partie de la série Nouveau sur le Web