Safari 15.4 pour iOS et macOS est désormais disponible avec 70 nouveaux ajouts à WebKit. Ces ajouts incluent une prise en charge PWA améliorée et de nouvelles fonctionnalités pour les médias, les extensions Web Safari, la mesure des clics privés, la sécurité, le chargement différé et bien plus encore.
Nous avions déjà abordé la prise en charge expérimentale des notifications push, WebXR et la prise en charge améliorée de PWA trouvée dans iOS 15.4 bêta. Il semblait que toutes ces fonctionnalités seraient publiées dans le futur, mais c'est une agréable surprise de voir Apple se concentrer sur l'amélioration de la prise en charge des PWA dans Safari.
Fonctionnalités de Safari 15.4
Safari 15.4 est une énorme mise à jour et propose de nombreuses nouvelles améliorations dans iOS 15.4, iPadOS 15.4 et macOS 12.3. Vous trouverez ci-dessous une liste de certaines des mises à jour les plus intéressantes du navigateur qui contribueront à améliorer l'expérience utilisateur et les performances.
Les principaux domaines d'intervention de PWA dans Safari 15.4 incluent la prise en charge des icônes Web App Manifest. Ces icônes seront prioritaires lorsqu'aucune icône Apple-Touch n'est définie par les développeurs Web. Le fichier manifeste de l'application Web est désormais récupéré lors du chargement de la page plutôt que lorsqu'un utilisateur sélectionne l'option « Ajouter à l'écran d'accueil ».
Un certain nombre d'améliorations apportées à ServiceWorker figurent également dans cette mise à jour. Cela inclut la prise en charge des fichiers générés par un ServiceWorker ainsi que la prise en charge de l'activation du préchargement de la navigation dans ServiceWorker, ce qui devrait contribuer à améliorer les performances de chargement des applications Web et à éviter tout retard pouvant bloquer les requêtes réseau.
Le support BroadcastChannel ou partagé pour les travailleurs est également disponible dès maintenant. Cela permet aux onglets, fenêtres, iframes et autres travailleurs de communiquer entre eux s'ils proviennent de la même origine. La prise en charge de l'API Web Locks permet désormais aux développeurs de « gérer l'accès à une ressource en tant que contrôle de verrouillage asynchrone à partir d'une origine dans les onglets, les fenêtres, les iframes et les Workers ».
La prise en charge de ResizeObserverEntry et ResizeObserverSize a également été ajoutée et permet aux développeurs de contrôler le comportement de défilement en accédant instantanément à une position spécifique dans l'application Web ou en l'animant en douceur.
La prise en charge du chargement différé est désormais intégrée à Safari 15.4, tout comme Chrome et Firefox. Cela permet de différer le chargement de l'image jusqu'à ce qu'un utilisateur se rapproche d'elle ou qu'elle se trouve dans la fenêtre d'affichage.
La prise en charge de l'élément <dialog> et du pseudo-élément ::backdrop permet désormais aux développeurs de créer des superpositions et des modaux tout en animant l'arrière-plan. Cela sera utile aux développeurs lorsqu’ils se concentreront sur l’accessibilité.
Une autre mise à jour intéressante est la prise en charge de l'API plein écran pour WKWebView et les navigateurs tiers sur iOS et iPadOS. Cela permet aux développeurs de contrôler si le contenu Web peut être utilisé en mode plein écran ou non. Si vous êtes ennuyé par le fait que la plupart des sites Web ne peuvent pas afficher la vidéo en plein écran dans des navigateurs comme Chrome ou Firefox sur iPadOS, cela pourrait résoudre le problème.
Il existe également des tonnes d'autres mises à jour axées sur la typographie, CSS, JavaScript, l'internationalisation, les médias, la confidentialité, la sécurité, les extensions Web, l'inspecteur Web, etc.
Vous pouvez en savoir plus sur le reste des ajouts à WebKit dans Safari 15.4ici.
Lecture suggérée :