communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > Exemple d'utilisation du cache hors ligne HTML5_Compétences du didacticiel HTML5

Exemple d'utilisation du cache hors ligne HTML5_Compétences du didacticiel HTML5

WBOY
Libérer： 2016-05-16 15:49:23
original
1742 Les gens l'ont consulté

Si vous souhaitez utiliser cette API, vous devez vous assurer que le serveur est configuré avec le type MIME correspondant.

Prenons Tomcat comme exemple. Ouvrez le fichier Tomcat 6.0confweb.xml et ajoutez le contenu suivant à la fin du fichier

Copier. code
Le code est le suivant :


manifest type>text/cache- manifest


Notez particulièrement que la valeur de l'extension est manifeste, donc le suffixe du futur cache de configuration le fichier doit être le même que celui-ci.

L'utilisation du cache doit être au format suivant


Copiez le codeLe code est le suivant :


body>
< ;/html>


cache.mainfest est un fichier configuré côté serveur
Le format est le suivant




Copier le code
Le code est le suivant :
CACHE MANIFEST
index.html
time.js
time.css
#fallback est principalement utilisé Remplacer le fichier en mode hors ligne,
# /pay/ ofline.html Toutes les demandes sous paiement seront transmises à ofline.htm en mode hors ligne
FALLBACK :
server-time.js fallback-server-time .js
NETWORK :
*
# version 9


où version est l'étiquette de version Lorsque la version change, le client. mettra automatiquement à jour le cache.
Étiquettes associées：
html5 缓存
source：php.cn
Article précédent：Explication détaillée des balises Object et EMBED dans les compétences du didacticiel html tags_html5 Article suivant：HTML5 Canvas implémente un exemple de démonstration panoramique/zoom/rotation (avec captures d'écran)_html5 compétences du didacticiel
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal