28
OCT

Offline.js - Détectez et avertissez vos visiteurs d'une déconnexion

Publié le 28/10/13 à 08h30 par DJo

Offline.js est une bibliothèque Javascript permettant de détecter et avertir vos visiteurs d'une éventuelle déconnexion réseau lorsqu'ils visitent vos pages web.

Offline.js est une bibliothèque Javascript permettant de détecter et avertir vos visiteurs d'une éventuelle déconnexion réseau lorsqu'ils visitent vos pages web.

Avec des applications web riches qui n'ont plus besoin d'un refresh de page pour afficher dynamiquement des données, il devient nécessaire de connaître l'état du réseau des visiteurs.

Grâce à Offline.js, vous pourrez facilement contrôler vos appels Ajax et autres actions dépendantes de la connectivité de vos utilisateurs.

Vous avez sans doute déjà remarqué ce système dans Google Apps ou Gmail, dès que vous perdez la connexion, une barre d'information apparaît avec un bouton de reconnexion. Offline.js fait la même chose.

Offline.js - Thèmes pour affichage déconnexion

Tous les appels Ajax seront automatiquement mise dans une queue pour être rappelés dès que la connexion sera de retour.

Le script propose différents thèmes pour présenter la barre d'info sur la connexion et vous pourrez aussi créer les votres.

D'un point de vue mise en place, voici un exemple:

Offline.check({
  // Should we check the connection status immediatly on page load.
  checkOnLoad: false,
  // Should we monitor AJAX requests to help decide if we have a connection.
  interceptRequests: true,
  // Should we automatically retest periodically when the connection is down (set to false to disable).
  reconnect: {
    // How many seconds should we wait before rechecking.
    initialDelay: 3,
    // How long should we wait between retries.
    delay: (1.5 * last delay, capped at 1 hour)
  },
  // Should we store and attempt to remake requests which fail while the connection is down.
  requests: true
  // Should we show a snake game while the connection is down to keep the user entertained?
  // It's not included in the normal build, you should bring in js/snake.js in addition to
  // offline.min.js.
  game: false
});

Le script propose plus d'une dizaine d'évènements pour contrôler vos appels réseau et données en fonction de la connexion de l'utilisateur.

Dans le même genre, retrouvez FailSafe pour vérifier l'état de la batterie et connexion de vos utilisateurs.

 

Site Officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web