Heyoffline.js : avertir les utilisateurs quand la connexion est instable [Infos]

**FirePrawn** · 25/03/2013, 11h03

Prévenez les utilisateurs de votre site que leur connexion est instable
Pour éviter toute perte d'informations

En tant que développeurs, nous devons de plus en plus prendre en compte le point de vue de l'utilisateur afin de créer des sites répondant à tous les besoins.

Dans certains cas, la perte d'informations peut être critique ou encore décourager un utilisateur de revenir sur votre site.
C'est pourquoi Oskar Krawczyk a développé Heyoffline.js pour prévenir de tous problèmes liés à une déconnexion (au sens réseau/internet).
En effet, si l'utilisateur est en train de remplir un quelconque formulaire (d'inscription par exemple) et que sa connexion est instable, il se peut qu'il perde toutes les informations déjà saisies lors de la validation.
Ce script JavaScript permet d'éviter ce comportement.

Heyoffline est écrit en CoffeeScript et compilé en JavaScript.
Il s'affranchit de tous frameworks (vous n'avez pas besoin de jQuery par exemple).
Avec ce script vous pouvez :

afficher le message d'erreur réseau uniquement si l'utilisateur modifie un champ ;
surcharger les styles par défaut ;
masquer le bouton annuler ;
et bien plus encore.

Pour plus d'informations je vous invite à consulter le site officiel.

Télécharger Heyoffline.js.

Source : thechangelog.com

Et vous ?

Devez-vous traiter avec des données parfois sensibles ?

Si oui, que faites-vous lorsque celles-ci sont perdues à cause d'une connexion instable ?

**Kaamo** · 25/03/2013, 14h35

Pas sûr que ça soit compatible IE, si ? Je n'ai pas trouvé d'info là dessus. Elle me semble trop "spécialisée" avec beaucoup de fioriture.

J'utilise une alternative, celle de Remy Sharp. En gros, toutes les 5 secondes il fait une requête AJAX. Si ça jette, le navigateur est offline ...

**hackoofr** · 25/03/2013, 18h47

Envoyé par Kaamo

J'utilise une alternative, celle de Remy Sharp. En gros, toutes les 5 secondes il fait une requête AJAX. Si ça jette, le navigateur est offline ...

J'ai essayé la solution de Remy Sharp dans un HTA; mais hélas elle ne marche pas, avez-vous une idée si on peut adapter l'une des deux solutions dans un HTA ?

**SylvainPV** · 25/03/2013, 20h08

Aucune info sur le support

Mais par expérience je sais que les évènements online/offline sont implémentés sur très peu de navigateurs et ne sont pas très fiables. En particulier sur mobile avec les switchs de modes de connectivité.