Nouveau sur la plate-forme Web en mai

Découvrez quelques-unes des fonctionnalités intéressantes qui ont été ajoutées aux navigateurs Web stables et bêta en mai 2022.

Rachel Andrew

Versions stables du navigateur

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 de tabulation et de l'arborescence d'accessibilité s'ils ne sont pas interactifs. Par exemple, un élément qui est actuellement hors écran ou masqué.

Browser Support

  • 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 qui se trouve dans une zone réduite de la page, comme dans un accordéon. Pour en savoir plus, consultez l'article Rendre le contenu réduit accessible avec hidden=until-found.

Chrome 102 inclut l'API Navigation, qui standardise le routage côté client dans les applications monopages. Cette API s'appelait auparavant "API Historique des applications".

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

Firefox 101 est compatible avec les feuilles de style constructibles. La prise en charge inclut le constructeur CSSStyleSheet(), ainsi que les méthodes replace() et replaceSync(). Les feuilles de style constructibles 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);

Browser Support

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

Source

La fonctionnalité média prefers-contrast est également disponible dans Firefox 101, ce qui la rend compatible avec plusieurs navigateurs.

Browser Support

  • 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 fonctionnalités qui seront incluses 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 la version ne soit disponible pour tous.

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

Firefox 102 inclut la fonctionnalité média update. Cette méthode permet de déterminer si le périphérique de sortie peut modifier l'apparence du contenu une fois qu'il a été rendu. Elle accepte les valeurs suivantes :

none
 Une fois le contenu affiché, il ne peut plus être modifié. (par exemple, un document imprimé).
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).

Browser Support

  • 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 cet article mentionnait la méthode Element.isVisible(), qui n'est pas incluse dans cette version.

Fait partie de la série "Nouveautés sur le Web"