Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:html5:hors_ligne [2015/03/25 02:03] – [Offline.js] sgariepy
+++ web:html5:hors_ligne [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 4: / Ligne 4: @@
 ===== Offline.js =====
-On peut utiliser [[offline.js]] pour gérer le fait que l'application n'a plus de connexion.
+On peut utiliser [[https://github.com/hubspot/offline|offline.js]] pour gérer le fait que l'application n'a plus de connexion.
 On peut aussi utiliser ''[[https://github.com/craigshoemaker/offlinejs-simulate-ui|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 ======
+[[http://caniuse.com/#feat=offline-apps|Offline Apps]]
+===== Fichier Manifest =====
+<code>
+<!DOCTYPE html>
+<html manifest="/manifest">
+...
+</code>
+L'extension habituelle est ''.appcache'', mais ce n'est pas requis.  Sous Safari, il est peut-être préférable d'avoir un fichier avec l'extension ''.manifest'' comme ''cache.manifest''(([[https://developer.apple.com/library/iad/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html#//apple_ref/doc/uid/TP40007256-CH7-DontLinkElementID_14|Important: The manifest filename should end in .manifest]])).
+Le fichier doit être servi avec le type de contenu ''text/cache-manifest''.
+Un fichier manifest ressemble à ceci :
+<code>
+CACHE MANIFEST
+# version 1
+CACHE:
+/
+/content/bootstrap.min.css
+/scripts/modernizr-2.6.2.js
+/scripts/jquery-1.10.2.min.js
+NETWORK:
+/api
+FALLBACK:
+/blog /offline/index.html
+</code>
+C'est seulement en changeant le fichier manifest que la cache de l'application se mettra à jour.  C'est pourquoi on met la //version//, quand on change la version (ou tout autre partie du fichier manifest), la cache d'application se met à jour.  Modifier un fichier tout autre ne met pas à jour la cache.
+===== Trucs =====
+Sous Chrome on peut explorer le contenu de l'Application Cache en mettant ''%%chrome://appcache-internals/%%'' dans la barre d'adresse.