需要注意几点:
1、可以通过iframe嵌入多个manifest文件。主页不需要配置manifest,这样index.html就不会被缓存。
<iframe id="iframe1" src="cache1.html" frameborder="no" scrolling="no">
</iframe>
<iframe id="iframe2" src="cache2.html" frameborder="no" scrolling="no">
</iframe>
<iframe id="iframe2" src="cache3.html" frameborder="no" scrolling="no">
</iframe>
2、多个manifest文件还是会有空间的限制,在ipad的safari上不能超过50M。若cache1.manfest是26M,cache1.manfest是27M,则2个加起来超过50m,这时,首先cached完cache1,当缓存cache2的时候,会报一个超过缓存容量限制的错误。cache3自然也不会保存了。只保存了第一个cache1.
3、必须reload页面才会使缓存更新生效。
4、手动检查cache的更新。applicationCache.update();
5、手动执行更新。
applicationCache.addEventListener("updateready", function() {
if (confirm("本地缓存已被更新,是否刷新?")) {
// (3) 手工更新本地缓存
applicationCache.swapCache();
// 重载画面
location.reload();
}
}, true);
applicationCache.swapCache();必须放在updateready中执行。
6、manifest文件中的配置文件可以不被html使用。但是若缓存xml等文件,好像缓存不了。
7、NETWORK:若除了CACHE:定义的文件之外的文件都不要缓存,则NETWORD:下必须写个*.否则可能造成CACHE外的文件全部加载不了。
8、CACHE:下不能使用文件夹形式定义。如images/。这样方式不会被识别。
而且文件路径和文件名不能包含空格,否则只会取得空格之前的文本,导致文件缓存失败。
9、若manifest文件删除了之前缓存的文件,则浏览器也会删除缓存的文件并更新。
分享到:
相关推荐
我通过Application Cache+localStorage+web sql构建了一个离线应用,同时我也把逻辑按照Application cache+localStorage+indexedDB写了一次,有兴趣的同学可以下载,同时代码...可以让大家很快理解HTML5离线存储技术
为什么要使用Application Cache技术? 在HTML5之前,我们需要接入网络才能访问,这毫无疑问是网站多...离线存储技术 实际开发中,主要是使用Application Cache和LocalStorage技术,它们来自HTML5技术。 (1)Applicati
什么是Application Cache HTML5引入了应用程序缓存技术,意味着web...HTML5提出了两大离线存储技术:localstorage与Application Cache,两者各有应用场景;传统还有离线存储技术为Cookie。 经过实践我们认为localsto
本书最后探索了离线web 应用并展望了html5 未来的发展前景。 本书面向有一定经验的web 应用开发人员,对html5 及未来web 应用技术发展抱有浓厚兴趣的读者也可以学习参考。 第1章 html5概述 1 1.1 html5发展史 1 ...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为Update...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为Update...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为Update...
《深入HTML5编程(第 2版)》后探索了离线Web应用并展望了HTML5未来的发展前景。 《深入HTML5编程(第 2版)》面向有一定经验的Web应用开发人员,对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。 第1...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为Update...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为...
10.3 使用HTML5离线Web应用构建应用 206 10.3.1 创建记录资源的manifest文件 208 10.3.2 创建构成界面的HTML和CSS 208 10.3.3 创建离线JavaScript 209 10.3.4 检查applicationCache的支持情况 210 10.3.5 为...
100%离线功能归功于ApplicationCache 将思维导图存储在LocalStorage中 FileReader API从硬盘驱动器读取存储的思维导图 Canvas API绘制思维导图 主持你自己 您只需要一台用于静态文件的Web服务器。 将所有文件从/ ...
applicationcache 使用清单来检测连接性 清除缓存 小结 第8章 拖放 深入拖动 拖动数据的互操作性 如何拖动任意元素 添加定制的拖动图标 可访问性 小结 第9章 geolocation 为访问者标记一个...
第2篇 HTML 5高级应用 第11章 HTML 5的新特性 221 视频讲解:6分钟 11.1 谁在开发HTML 5 222 11.2 HTML 5的新认识 222 11.2.1 兼容性 222 11.2.2 实用性和用户优先 222 11.2.3 化繁为简 223 11.3 ...
用于离线访问的 HTML5 ApplicationCache 用于 Web 服务器的 + 用于数据绑定和客户端模板的 的 CSS 预处理 在本地设置 $ npm 安装$节点./app.js 浏览到 执照 麻省理工学院许可证 (MIT) 版权所有 (c) 2015 罗斯·...
11.3.1. 应用程序级别的版本检查(Application version checking) 11.3.2. 扩展周期的session和自动版本化 11.3.3. 脱管对象(deatched object)和自动版本化 11.3.4. 定制自动版本化行为 11.4. 悲观锁定(Pessimistic ...
应用程序级别的版本检查(Application version checking) 11.3.2. 扩展周期的session和自动版本化 11.3.3. 脱管对象(deatched object)和自动版本化 11.3.4. 定制自动版本化行为 11.4. 悲观锁定(Pessimistic ...