Safari 26 parachève la prise en charge des applications web progressives

Safari 26¹ comporte 67 nouveautés et 107 améliorations, selon Jen Simmons et les membres de l’équipe WebKit, trop pour une brève au beau milieu de la WWDC. Les développeurs pourront toujours étudier la liste des bugs corrigés, mais pour le reste d’entre nous, rien n’est aussi important que la prise en charge pleine, entière et fort trop tardive des applications web progressives.

Apple abdique : les sites web peuvent maintenant être installés comme des applications à part entière sur l’écran d’accueil de l’iPhone et de l’iPad. Vous pouviez déjà déposer des signets sur l’écran d’accueil, mais ils s’ouvraient dans Safari, sauf si le développeur avait prévu un « manifeste » d’application web. Bien qu’elle ait été standardisée par le W3C en 2013 et qu’elle ait été adoptée par la plupart des navigateurs en novembre 2014, cette spécification n’avait pas été intégrée dans Safari avant mars 2018.

Avec macOS Sonoma, Apple avait inauguré la possibilité d’ajouter un site web au Dock, c’est-à-dire de l’encapsuler dans une coquille utilisant le moteur de rendu WebKit. Avec iOS 26 et iPadOS 26, elle reprend ce fonctionnement pour transformer tous les sites en applications, qu’ils possèdent un manifeste ou pas. Les utilisateurs qui préfèrent les simples signets peuvent toujours décocher l’option Ouvrir comme app web.

Safari 26 termine aussi le travail d’adaptation du navigateur aux possibilités (et aux contraintes) de l’informatique spatiale. Apple n’a pas attendu la standardisation de l’élément <model> pour proposer cette manière d’incorporer des contenus 3D interactifs aussi facilement qu’une image ou qu’une vidéo. Comme visionOS 26 peut maintenant reproduire les vidéos à 180 et 360°, Safari 26 prendra en charge le streaming de vidéos spatialisées.

Les développeurs pourront enfin utiliser WebKit avec SwiftUI et contrôler la cohérence des données soumises par l’utilisateur avec Trusted Types API. Entre autres nouveautés, WebKit prend maintenant en charge WebGPU, le positionnement avec anchor(), les animations déclenchées par le défilement et le ferrage du texte avec text-wrap: pretty.