HTML5 Local Storage VS Cache d'application
Après avoir passer par plusieurs articles,
Je ne suis pas encore clair sur la différence entre le Local de Stockage et d'Application Manifeste de Cache.
Également appelé: Est AppCache = Cache de l'Application = Web de Stockage de LocalStorage? (DONC 10986026), Le Cache de l'Application est un Connard (UNE Liste à Part)
Mon OBJECTIF est de construire un site web avec des pages spécifiques pour être admis en mode hors connexion de l'utilisateur sur demande de l'utilisateur.
Étapes suivies :
- J'ai ouvert un site sur Chrome : http://www.spritecow.com/
Et vérifié AppCache : chrome://appcache-internals/
Et le site a été mis en cache. - J'ai fermé Chrome et rechargé. Le cache est toujours là. Exactement ce dont j'ai besoin pour la navigation hors ligne
- Maintenant, comment est-ce différent de local de stockage? Essayé de trouver une différence, mais tous les sites de répondre au but, c'est à dire AppCache pour les modèles de mise en mémoire cache et de Locaux de Stockage pour le contenu à l'intérieur du modèle.
- Certains sites ne préfère pas AppCache comme il recharge le cache pour un simple changement de ligne. Certains sites préfère que les locaux de stockage. Alors que certains vont pour le combo de AppCache(modèle) et Localstorage.
Maintenant le doute est :
- Local de stockage des magasins sur la machine client. Comment AppCache de stockage est différent si je peux toujours y accéder même navigateur est fermé.
- Que l'effacement du cache sera clair AppCache puis j'irais pour seulement Local de Stockage.
- Quelles sont les bonnes pratiques à suivre pour la navigation hors ligne? Je suis complètement nouveau à cela et ont besoin d'un peu de clarté sur le même
MODIFIER
Le doute n'est pas répondu par le lien ( Est AppCache = Cache de l'Application = Web de Stockage de LocalStorage? ), car cela donne une différence, mais pas en fonction du but de la Navigation Hors ligne Pratiques (ce qui est le but de ce doute).
source d'informationauteur zeetit
Vous devez vous connecter pour publier un commentaire.
AppCache utiliser un fichier de manifeste de définir quels sont les fichiers utilisés par l'application doivent être stockés (Vous pouvez mettre en cache des fichiers et des ressources comme les pages HTML, les scripts javascript, les styles CSS, images,...)
LocalStorage va stocker les données, mais pas les pages. Ainsi, chaque objet javascript que vous pouvez stringify peuvent être stockés dans le localStorage.
Donc AppCache et localStorage ne sont pas les mêmes, mais ils sont complémentaires.
Exemple
Imaginer un calendrier web que vous souhaitez rendre disponible hors connexion (remarque: pour cet exemple, nous utilisons ici une page statique et les données sont chargées avec du javascript. La même chose peut être faite à partir d'une page dynamique, mais cet exemple l'utilisation statique).
L'appcache va stocker la page html et les ressources qu'il utilise (javascript, css, images) pour vous rendre dans la page.
Comme vous l'avez mis dans votre fichier manifeste que tout soit mis en cache pour la prochaine accès hors connexion, les pages sont stockées et vous serez en mesure d'afficher votre page en mode hors connexion lors de la prochaine visite.
Mais le problème, votre calendrier est affiché mais il est vide. Toutes les réunions et manifestations du mois ne sont pas là. C'est parce que votre page est stockée, mais vous avez encore besoin d'un réseau pour charger les rencontres dans votre calendrier. Et comme vous êtes hors ligne, vous n'avez plus de réseau...
Si vous voulez avoir tous vos réunions disponibles en mode hors connexion, vous devez les stocker dans le localstorage (pas dans l'appCache, parce que ce n'est pas une page, c'est accédée par JavaScript.)
De sorte que vous aurez besoin de changer votre fonction Javascript de :
à ce
Appcache fonctionnera même si vous êtes totalement hors-ligne et la fermeture de votre navigateur, puis vous ouvrez votre navigateur et tapez l'URL alors que toujours en mode hors connexion — le chargement de la page! Cochez cette site ici ... le charger une fois en ligne, et puis de le déconnecter de l'Internet et de fermer votre navigateur ... et puis rouvrez le navigateur et essayez à visiter pendant encore en mode hors connexion.
localStorage besoins de connexion à charger le code js nécessaires pour obtenir les données.