Introduction de l'article de wulin.com (www.vevb.com): HTML5 Offline Application Description Je ne dirai pas grand-chose ici. Veuillez Google ou Baidu. Cet article vise à présenter comment réaliser le développement d'applications hors ligne
Je ne parlerai pas des instructions pour l'application hors ligne ici. Veuillez Google ou Baidu. Cet article vise à présenter comment réaliser le développement d'applications hors ligne;
Étape 1: Créez un fichier manifeste et spécifiez un manifeste de fichier de cache;Vous pouvez d'abord créer un nouveau fichier avec le suffixe de format de texte TXT, et la première ligne doit être écrite pour Cache Manifest;
La deuxième ligne écrit écrit écrit en option une description de commentaire #version 1.0, et le commentaire commence par #, ce qui signifie spécifier le numéro de version;
La troisième ligne commence par un chemin de fichier par rapport au répertoire de fichiers actuel, tel que:
statique / img / logo.png
statique / css / style.css
Un fichier manifeste de base est écrit et le suffixe de ce fichier est changé en. manifeste;
Étape 2: Dans le fichier HTML, spécifiez la propriété manifeste du document comme chemin du fichier cache.mnifest;<html manifest = cachedata.manifest>
Après avoir ajouté l'attribut manifeste, chargez la page, les fichiers du fichier de configuration du cache seront mis en cache hors ligne et ne seront pas lus à partir du serveur lorsqu'ils sont à nouveau rafraîchis;
Étape 3: actualiser le cache via l'interface API;Utilisez JS pour obtenir des objets de cache hors ligne via Window.ApplicationCache et appelez la méthode de mise à jour: Window.ApplicationCache.update () pour appeler le téléchargement du fichier de cache actuel. Une fois le téléchargement terminé, l'événement de mise à jour de l'objet Cache hors ligne sera déclenché. Exécutez la méthode SwapCache pour effacer le cache: fenêtre.ApplicationCache.swapCache (). Cela ne fera pas soudainement être rechargé les ressources précédemment chargées, mais les ressources qui ont publié la page de demande après cela sont les dernières;
Grâce aux trois étapes simples ci-dessus, vous pouvez réaliser une application hors ligne HTML5.