html5 的缓存应用 manifest="filename.appcache"
启动html5的应用缓存
<!DOCTYPE HTML>
<html manifest="filename.appcache">
</html>
filename.appcache的例子
CACHE MANIFEST
# 版本标识 v1 # 必选 缓存文件
CACHE:
/webapp/html/resource/test.css
/webapp/html/test.html # 可选 需要联网
NETWORK:
/webapp/html/HCApproval_Main.html
# * 表示全部都需要 # 可选 失败的重定向
# FALLBACK:
# / webapp/html/help.html
更新缓存
浏览器清除缓存
filename.appcache 文件的任意修改，也会触发缓存更新
JS更新缓存
window.addEventListener('load', function(){
// window.applicationCache.update(); // 手动更新缓存 或者 监听到加载缓存完成事件后 刷新页面
window.applicationCache.addEventListener("updateready", function(e){
console.log(window.applicationCache.status);
setTimeout(function(){
window.location.reload();
}, 3000);
});
});
window.applicationCache 对象属性和事件方法
- oncached:null
- onchecking:null
- ondownloading:null
- onerror:null
- onnoupdate:null
- onobsolete:null
- onprogress:null
- onupdateready:null
- status:1
window.applicationCache.status 的几个值
- UNCACHED (0)：未启用离线应用
- IDLE (1)：已开启离线应用，但本地缓存的资源是最新的，并且未标记为废弃资源
- CHECKING (2)：当前更新缓存的状态为“检查中”
- DOWNLOADING (3)：当前更新缓存的状态为“下载资源中”
- UPDATEREADY (4)：当前更新缓存的状态为“更新完毕”
- OBSOLETE (5)：已开启离线应用，但缓存资源都已标记为废弃
html5 的缓存应用 manifest="filename.appcache"的更多相关文章
- HTML5离线缓存Manifest
web app不比PC,有性能和流量方面的考虑,离线应用越来越重要,虽然浏览器有缓存机制,但是时常不靠谱,更何况普通情况下html文件是没法缓存的,断网之后一切over. 什么是manifest? 简 ...
- HTML5 离线缓存Appcache
创建一个和html同名的manifest文件,比如页面为index.html,那么可以建一个index.manifest的文件,然后给index.html的html标签添加如下属性即可: <ht ...
- HTML5 缓存: cache manifest
---恢复内容开始--- 1:MIME TYPE:text/cache-manifest 服务器配置MIME类型2:需要由你创建的:NAME.manifest 创建manifest文件3:给 < ...
- HTML5离线缓存问题
HTML5离线缓存问题 1.应用程序缓存 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. ...
- HTML5离线缓存
参考文档:http://www.w3cschool.cc/html/html5-app-cache.html HTML5 应用程序缓存 又称离线缓存 ,即使断线了,刷新后也还是缓存了原来的页面,不会4 ...
- H5离线缓存机制-manifest
简介:Manifest 其实就是web应用的一种缓存机制,主要用于现在webapp应用中,它是浏览器自己的一种机制,随着移动互联网时代的到来,网络可靠性降低,如果我们已经将需要的文件缓存下下来,一旦网 ...
- HTML5 离线缓存详解（转）
离线缓存是html5新特性之一,简单理解就是第一次加载后将数据缓存,在没有清除缓存前提下,下一次没有网络也可以加载,用在静态数据的网页或游戏比较好用.当然,Html5新的特性都不是所有浏览器都能支持的 ...
- HTML5 Web缓存&运用程序缓存&cookie,session
在介绍HTML5 web缓存前,来认识一下cookie和session: session: 由于HTTP是无状态的,你是谁?你干了什么?抱歉服务器都是不知道的. 因此session(会话)出现了,它会 ...
- html5离线缓存使用
html5 离线缓存使用以及注意事项 1.index.html中加入离线缓存的声明文件 如:<!DOCTYPE html><html manifest="test.appc ...
随机推荐
- OpenGL ES之GLSurfaceView学习一：介绍
原文地址::http://120.132.134.205/cmdn/supesite/?uid-5358-action-viewspace-itemid-6527 GLSurfaceView是一个视图 ...
- 一种Javascript解释ajax返回的json的好方法
通常ajax请求返回的格式为json或者xml,如果返回的是json,则可以通过转换成javascript对象进行操作,如下: 1.ajax请求的controller实现 @RequestMappin ...
- Asp.Net学习进度备忘（第一步：ASP.NET Web Forms）
书签:“Web Pages”和“MVC”跳过:另外跳过的内容有待跟进 __________________ 学习资源:W3School. _________________ 跳过的内容: 1.ASP. ...
- ansible文件模块使用
1. 文件组装模块-assemble assemble主要是将多份配置文件组装为一份配置文件. 参数 必填 默认 选项 说明 Backup 否 No Yes/no 是否创建备份文件,使用时间戳 Del ...
- ansible定时任务模块和用户组模块使用
接上篇,还是一些基础模块的使用,这里主要介绍的是系统模块的使用. 下面例子都进行过相关的实践,从而可以直接进行使用相关的命令. 3.用户模块的使用 用户模块主要用来管理用户账号和用户的属性(对远程主机 ...
- 【LeetCode】232 & 225 - Implement Queue using Stacks & Implement Stack using Queues
232 - Implement Queue using Stacks Implement the following operations of a queue using stacks. push( ...
- bzoj 3270 博物馆（高斯消元）
[题意] 两人起始在s,t点,一人pi概率选择留在i点或等概率移动,问两人在每个房间相遇的概率. [思路] 把两个合并为一个状态,(a,b)表示两人所处的状态,设f[i]为两人处于i状态的概率.则有转 ...
- Qt之操作数据库（SQLite）
SQLite 简介 SQLite,是一款轻型的数据库,是遵守ACID的关联式数据库管理系统,它的设计目标是嵌入式的,而且目前已经在很多嵌入式产品中使用了它,它占用资源非常的低,在嵌入式设备中,可能只需 ...
- Java 面向对象概念
Interface 接口 An interface defines a protocol of communication between two objects. An interface decl ...
- NServiceBus教程-持久化
NServiceBus的各种特性需要持久性.其中有超时.传奇和订阅存储. 四个持久化技术在NServiceBus在使用: RavenDB nHibernate 内存中 MSMQ 读到安装Raven D ...