Le meilleur didacticiel HTML5 cache de l'application en 2024, dans ce didacticiel, vous pouvez apprendre Quel est le cache de l'application (Cache application)?,support du navigateur,exemples HTML5 Cache Manifest,Exemples,base Cache Manifest,fichier Manifest,Mise à jour du cache,Exemple - Compléter le fichier Manifest,A propos des instructions de cache d'application,
Utilisez HTML5, en créant un fichier manifeste de cache, vous pouvez facilement créer des versions hors ligne des applications web.
HTML5 introduit cache de l'application, ce qui signifie que les applications Web peuvent être mis en cache, et sont accessibles sans connexion Internet.
l'application de cache d'application apporte trois avantages:
Internet Explorer 10, Firefox, Chrome, Safari et Opera en charge le cache de l'application.
L'exemple suivant montre le document HTML avec un manifeste de cache (hors connexion):
Pour activer le cache d'application, l'étiquette contient l'attribut manifeste dans le document <html>:
Chaque manifester page spéciale lorsque les utilisateurs accèdent à leur seront mis en cache. Si l'attribut manifeste est pas spécifié, la page ne sera pas mis en cache (sauf spécifier directement la page dans le fichier manifeste).
l'extension suggérée manifeste de fichier: ". AppCache".
S'il vous plaît noter, les fichiers manifestes doivent configurer le type MIME correct, à savoir "text / cache-manifeste». Vous devez être configuré sur le serveur Web.
fichier manifeste est un simple fichier texte qui indique le contenu du navigateur de la cache (et ne cache le contenu).
fichiers manifestes peuvent être divisés en trois parties:
La première ligne, CACHE MANIFEST, est nécessaire:
Le fichier manifeste ci-dessus énumère trois ressources: un fichier CSS, une image GIF, et un fichier JavaScript. Lorsque le fichier manifeste est chargé, le navigateur va télécharger les trois fichiers dans le répertoire racine de votre site. Ensuite, chaque fois que l'utilisateur se déconnecte de l'Internet, ces ressources sont encore disponibles.
Les dispositions suivantes du fichier paragraphes NETWORK "login.php" ne sont jamais mis en cache et disponible hors connexion ne sont pas disponibles:
Vous pouvez utiliser un astérisque pour indiquer toutes les autres autres ressources / fichiers nécessitent une connexion Internet:
sections de FALLBACK définies ci-dessous Si vous ne pouvez pas établir une connexion Internet, avec "offline" alternatif / html5 / répertoire de tous les fichiers:
Remarque: La première URI est la ressource, le second est un substitut.
Une fois que l'application est mise en cache, il restera en cache jusqu'à ce que le suivant se produit:
Astuce: Le "#" au début de la ligne de commentaire, mais aussi pour répondre à d' autres fins.application Caching sera mise à jour lorsque ses modifications de fichiers manifestes. Si vous modifiez une image, ou de modifier une fonction JavaScript, ces modifications ne seront pas re-cache. Mise à jour de la ligne de commentaire est une date et numéro de version du navigateur de re-cache approche de fichier.
S'il vous plaît prêter attention au contenu de la mémoire cache.
Une fois que les fichiers sont mis en cache, le navigateur continuera à afficher la version en cache, même si vous modifiez le fichier sur le serveur. Pour vous assurer que votre navigateur pour mettre à jour le cache, vous devez mettre à jour le fichier manifeste.
Remarque: La limite de capacité du navigateur pour les données mises en cache ne peut pas être le même (certains paramètres des restrictions de navigateurs est que chaque site 5MB).