Je construis une application web dans jQuery/HTML5 qui fonctionnera dans les navigateurs basés sur Webkit sur les kiosques à écran tactile.Mise en cache d'un grand nombre d'images dans une application jQuery/HTML5

L'application utilise un grand nombre (en milliers) d'images dont j'ai besoin de mettre en cache dans chaque navigateur. Au début, je pensais qu'un manifeste de cache HTML5 serait la meilleure option (avec les milliers d'URL d'images répertoriées), mais maintenant je me demande s'il existe un meilleur moyen? Je considérerais des extensions/plugins aussi ...

Merci d'avance!

2010-08-25 Nick Boyce

MISE À JOUR: Nous avons décidé de profiter du cache du navigateur qui peut faire presque tout ce que nous devons faire. –

J'aime ce plugin: http://alexrabarts.github.com/jquery-cacheimage/

Voici une autre alternative: http://technosophos.com/content/precaching-images-jquery-slightly-better-way

Et si vous vouliez faire préchargement: http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

EDIT: Si la navigation hors-ligne est nécessaire, le cache de l'application est le moyen de aller avec le manifeste de cache HTML. Voici quelques ressources:

http://softwareas.com/offline-apps-with-application-cache-quickstart-tips-and-deep-dive

http://www.bennadel.com/blog/1944-Experimenting-With-HTML5-s-Cache-Manifest-For-Offline-Web-Applications.htm

Source

2010-08-25 18:09:30

Merci pour votre réponse, mais j'ai besoin que les images soient mises en cache de manière permanente dans chaque navigateur, même après le redémarrage du navigateur. Il y a probablement des milliers d'images totalisant des centaines de mégaoctets de données. Je devrais stocker les images en tant que chaînes de base 64 dans le stockage local du navigateur. –

@Anarchitect: Je pense que vous allez devoir utiliser le cache d'application pour HTML5. Je ne pense pas qu'il y ait un moyen plus rapide/efficace, d'autant plus que cette méthode serait native. –

Réponse

Des milliers d'images, potentiellement des centaines de Mo de
Ce serait hors de localStorage est d'environ 5 MB Cap. Vous pouvez faire une base de données ClientDatabase et demander une quantité massive d'espace.

Ressources J'ai déterré

http://dev.w3.org/html5/webdatabase/
http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/
http://creativepark.net/blog/entry/id/1191
http://ajaxian.com/archives/view-source-tutorial-sticky-notes-with-html5-and-css3

Source

2010-08-25 19:23:43 Rixius

Merci pour cela, je fais maintenant quelques expériences avec Web DB. La documentation a été un peu inégale, donc tout pointeur serait apprécié! –

Mise en cache d'un grand nombre d'images dans une application jQuery/HTML5

Répondre

Réponse

Ressources J'ai déterré

Questions connexes