Découvrez certaines fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en septembre 2022.
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.
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, 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.
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"