在jQuery / HTML5应用程序中缓存大量图像
我正在jQuery / HTML5中构建一个Web应用程序,它将在触摸屏信息亭上的基于Webkit的浏览器中运行。
应用程序使用了大量(数千)个图像,我需要将其缓存到每个浏览器中。
起初我认为HTML5缓存清单是最好的选择(列出了数千个图像URL),但现在我想知道是否有更好的方法? 我也会考虑扩展/插件……
提前致谢!
我喜欢这个插件: http : //alexrabarts.github.com/jquery-cacheimage/
这是另一种选择: http : //technosophos.com/content/precaching-images-jquery-slightly-better-way
如果你想做预加载: http : //engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript
编辑:如果需要离线浏览,应用程序缓存是HTML缓存清单的方式。 以下是一些资源:
http://softwareas.com/offline-apps-with-application-cache-quickstart-tips-and-deep-dive
回答
成千上万的图像,可能有数百MB
这将超出本地存储大约5 MB的上限。 您可以执行ClientDatabase并请求大量空间。
资源我挖了
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