Outils pour utilisateurs

Outils du site


web:html5:hors_ligne

Différences

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

Lien vers cette vue comparative

Prochaine révision
Révision précédente
web:html5:hors_ligne [2015/03/25 02:01] – créée sgariepyweb:html5:hors_ligne [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
Ligne 4: Ligne 4:
 ===== Offline.js ===== ===== 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.
  
-On peut aussi utiliser [[https://github.com/craigshoemaker/offlinejs-simulate-ui|''offline-simulate-ui.min.js'']] pour simuler le fait d'être hors-ligne. 
  
web/html5/hors_ligne.1427245290.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)