Php 使用jquery在indexeddb中缓存图像以供脱机使用
我有一个图像密集的网页,需要在移动设备上离线查看 我在本地存储中找到了一个do store映像,但这对我来说不起作用 这是不是可以很容易地改为使用indexeddb 此外,我的图像将定期更新。是否有一种方法可以在一定时间后自动清除缓存的版本,并强制用户从web重新加载?IndexedDB 您可以将图像存储到IndexedDB中,但您将负责保存、清除图像并根据需要更新它们 此外,如果您需要它在移动设备上工作,IndexedDB不是您想要的,因为当前的移动浏览器都不支持IndexedDB。(来源:) 离线应用程序 相反,我建议您使用名为应用程序缓存的新HTML5功能。几乎所有浏览器都支持这一点(来源:) 要使用它,您只需创建一个Website.manifest文件,例如:Php 使用jquery在indexeddb中缓存图像以供脱机使用,php,jquery,indexeddb,Php,Jquery,Indexeddb,我有一个图像密集的网页,需要在移动设备上离线查看 我在本地存储中找到了一个do store映像,但这对我来说不起作用 这是不是可以很容易地改为使用indexeddb 此外,我的图像将定期更新。是否有一种方法可以在一定时间后自动清除缓存的版本,并强制用户从web重新加载?IndexedDB 您可以将图像存储到IndexedDB中,但您将负责保存、清除图像并根据需要更新它们 此外,如果您需要它在移动设备上工作,IndexedDB不是您想要的,因为当前的移动浏览器都不支持IndexedDB。(来源:)
CACHE MANIFEST
# v0.0.3 2011-12-21
images/ImageThatIWantToCache.png
images/SecondImage.png
然后在您的网页中将html标记更改为:
<html manifest="Website.manifest">
优点:
1.浏览器将自动缓存图像
2.您可以使用原始URL(即/images/SecondImage.png)访问图像
3.更新要容易得多,只需将新图像放到web服务器上,并更新清单文件中的版本号
您可以阅读有关的更多信息,或者只需在谷歌上搜索示例。IndexedDB
您可以将图像存储到IndexedDB中,但您将负责保存、清除图像并根据需要更新它们
此外,如果您需要它在移动设备上工作,IndexedDB不是您想要的,因为当前的移动浏览器都不支持IndexedDB。(来源:)
离线应用程序
相反,我建议您使用名为应用程序缓存的新HTML5功能。几乎所有浏览器都支持这一点(来源:)
要使用它,您只需创建一个Website.manifest文件,例如:
CACHE MANIFEST
# v0.0.3 2011-12-21
images/ImageThatIWantToCache.png
images/SecondImage.png
然后在您的网页中将html标记更改为:
<html manifest="Website.manifest">
优点:
1.浏览器将自动缓存图像
2.您可以使用原始URL(即/images/SecondImage.png)访问图像
3.更新要容易得多,只需将新图像放到web服务器上,并更新清单文件中的版本号
您可以阅读更多有关的信息,或者只需在谷歌上搜索示例。您也可以查看html5中的缓存清单功能作为替代。我正在为html和站点UI图像使用缓存清单,但主要内容中的图像将超出缓存清单允许的限制,因此,我尝试改用Indexeddb。您也可以查看html5中的缓存清单功能作为替代。我正在为html和站点UI图像使用缓存清单,但主要内容中的图像将超过缓存清单允许的限制,所以我尝试改用Indexeddb。我不只是使用应用程序缓存的原因是大小限制。将有很多图像,这将超过5mb的限制。我听说android支持Indexeddb。如果没有应用程序缓存的大小限制,还有其他选择吗?我不这么认为,似乎所有浏览器都锁定在5MB。我认为您将在IndexedDB中遇到类似的问题。我相信在某些浏览器上这些是大小锁定的。我不只是使用应用程序缓存的原因是大小限制。将有很多图像,这将超过5mb的限制。我听说android支持Indexeddb。如果没有应用程序缓存的大小限制,还有其他选择吗?我不这么认为,似乎所有浏览器都锁定在5MB。我认为您将在IndexedDB中遇到类似的问题。我相信在某些浏览器上这些都是大小锁定的。