Page hors connexion de base pour les applications Web sur Chrome pour Android

Les applications de plate-forme installées peuvent être lancées même en mode hors connexion. Dans ce cas, ils incluent souvent une page indiquant à l'utilisateur que l'accès à Internet n'est pas disponible. Certains développeurs créent même un ensemble complet de fonctionnalités utilisables hors connexion.

Les applications Web peuvent fonctionner hors connexion depuis plus récemment, avec le lancement de l'API Service Worker. De plus, lorsque les sites Web sont devenus installables, les PWA ont ajouté une exigence consistant à enregistrer un service worker et à implémenter sa méthode fetch() pour qu'une application Web puisse être installée. L'idée était d'inciter les développeurs à informer au moins leurs utilisateurs que l'application ne pouvait pas être utilisée pour le moment.

Désormais, les développeurs n'auront plus rien à faire pour obtenir une page hors connexion par défaut. À partir de Chrome 109 sur Android, le navigateur génère automatiquement une page qui indique à l'utilisateur quand il est hors connexion.

Si l'application n'implémente pas d'expérience hors connexion personnalisée, lorsque l'utilisateur est hors connexion, la page hors connexion par défaut utilise l'icône de l'application et le message simple Vous êtes hors connexion. comme dans l'exemple ci-dessous.

Page hors connexion par défaut d'un exemple d'application Web, avec un logo constitué d'un cercle rose et de deux signes plus, et le message "Vous êtes hors connexion".

Accédez à cet anomalie pour voir l'exemple précédent en action.

Vous pouvez toujours créer votre propre page hors connexion personnalisée. La vidéo suivante montre comment diffuser votre page personnalisée à l'aide de Workbox, en une seule ligne de code.

Cette fonctionnalité est disponible sur Android (Chrome 109) et dans les environnements de bureau (Chrome 110). Si vous avez des commentaires, veuillez nous les transmettre via ce formulaire.

Photo de Sten Ritterfeld sur Unsplash