appcache的一个特殊用法

Application Cache是HTML5里出现的用来实现离线应用的技术方案。在使用了appcache的页面会被缓存，同时浏览器检查manifest文件有没有变化，如果有变化，只有当用户下次进行访问的时候才会更新，很多情况下这是我们不希望出现的。

这里提出一个解决方案可以利用appcache保存那些不经常变动的静态资源，同时保证引用的页面不被缓存，如果静态资源发生更新，也可以实现立刻更新。

方案可通过下图来描述：

 

 

说明：

1. 主页面index.html使用一个iframe引用offline.html。
2. offline.html使用manifest进行缓存。
3. offline.html中将资源以文本形式进行保存，例如作为html元素的内容。
4. index.html通过js可以获取offline.html中保存的资源。

以上方案可以做到offline页面中的资源被缓存，通过index页面不受影响。当资源发生变化时，可直接修改iframe的src属性指向一个新的url。对于老的数据，可以继续保持引用并通过修改manifest文件方式使offline.html不再进行缓存。

建议用此方案来缓存那些不易变化的资源。

转载于:https://www.cnblogs.com/jz1108/p/3569478.html