Applications Web Hors-ligne

Offline.js

On peut utiliser offline.js pour gérer le fait que l'application n'a plus de connexion.

On peut aussi utiliser offline-simulate-ui.min.js pour simuler le fait d'être hors-ligne. On a seulement besoin d'ajouter ce script à la page pour qu'un checkbox s'affiche automatiquement. Celui-ci sert pour activer le mode offline.

Application Cache

Offline Apps

Fichier Manifest

<!DOCTYPE html>
<html manifest="/manifest">
...

L'extension habituelle est .appcache, mais ce n'est pas requis.

Le fichier doit être servi avec le type de contenu text/cache-manifest.

Un fichier manifest ressemble à ceci :

CACHE MANIFEST

# version 1

CACHE:
/
/content/bootstrap.min.css /scripts/modernizr-2.6.2.js /scripts/jquery-1.10.2.min.js /scripts/modernizr-2.6.2.js

NETWORK:
/api

FALLBACK:
/blog /offline/index.html