Nouveaux utilisateurs sur la plate-forme Web en septembre

Découvrez certaines fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en septembre 2022.

Rachel Andrew

Versions stables du navigateur

En septembre, Firefox 105, Chrome 106 et Safari 16 sont devenus stables. Le post de septembre contient donc de nombreuses nouveautés intéressantes pour la plate-forme Web.

Requêtes de conteneur

Safari 16 est désormais compatible avec les requêtes de conteneur, une fonctionnalité désormais disponible dans deux moteurs. Safari est également compatible avec les nouvelles unités de requête de conteneur.

Navigateurs pris en charge

  • 105
  • 105
  • 110
  • 16

Source

Disposition en quadrillage

Safari est désormais compatible avec la valeur subgrid de grid-template-columns et grid-template-rows. L'utilisation de cette valeur sur une grille qui est également un élément de grille signifie qu'au lieu de définir de nouvelles pistes, la grille utilise celles qu'elle couvre du parent.

Dans Safari ou Firefox, les en-têtes et les pieds de page de ces cartes sont alignés, car leurs pistes sont une sous-grille du parent.

Navigateurs pris en charge

  • 117
  • 117
  • 71
  • 16

Source

Dans Safari, la mise en page en grille est également la possibilité d'animer les pistes de la grille.

Navigateurs pris en charge

  • 107
  • 107
  • 66
  • 16

Safari est également compatible avec offset-path, overscroll-behavior, text-align-last et la requête média resolution.

API d'encodage

Firefox 105 est compatible avec les interfaces TextDecoderStream et TextEncoderStream de l'API Encoding.

Navigateurs pris en charge

  • 71
  • 79
  • 105
  • 14.1

Source

Nouvelles API Intl

Les API Intl permettent d'afficher du contenu dans un format localisé, et Chrome 106 propose de nombreuses nouvelles fonctionnalités de format numérique.

Comme d'autres API Intl, cela permet de décharger le système. Vous n'avez donc pas besoin d'envoyer ni de gérer de code de localisation complexe à chaque utilisateur. L'API sait où se trouve le symbole de la devise, comment formater les dates et les heures ou compiler une liste.

La méthode showPicker()

Safari 16 contient la méthode showPicker(), qui offre un moyen canonique d'afficher un sélecteur de navigateur pour les dates, l'heure, la couleur et les fichiers. Pour en savoir plus, consultez Afficher un sélecteur de navigateur pour la date, l'heure, la couleur et les fichiers.

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 ce mois-ci sont Chrome 107, Safari 16.1 et Firefox 106.

Chrome 107 permet d'animer les pistes de la grille, également disponible dans Safari ce mois-ci. Une fois intégré à Chrome, il sera pris en charge par les trois principaux moteurs.

Chrome propose également des ajouts à getDisplayMedia() visant à éviter les partages d'écran accidentels lors du partage d'écran.

  • L'option displaySurface peut indiquer que l'application Web préfère proposer un type de surface d'affichage spécifique (onglets, fenêtres ou écrans).
  • L'option surfaceSwitching indique si Chrome doit autoriser l'utilisateur à passer dynamiquement d'un onglet partagé à un autre.
  • L'option selfBrowserSurface permet d'empêcher l'utilisateur de partager l'onglet actuel. Cela permet d'éviter l'effet "hall des miroirs".
  • L'option systemAudio garantit que Chrome ne propose à l'utilisateur que la capture audio pertinente.

Safari 16.1 inclut un correctif supplémentaire pour l'accessibilité de display: contents, un correctif pour les unités de hauteur dynamique de la fenêtre d'affichage (dvh) et la prise en charge du défilement jusqu'à des fragments de texte.

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