HTML5的离线存储applicationCache
html5离线应用接口规范
网址:https://html.spec.whatwg.org/#applicationcache
interface ApplicationCache : EventTarget { // update status const unsigned short UNCACHED = 0; const unsigned short IDLE = 1; const unsigned short CHECKING = 2; const unsigned short DOWNLOADING = 3; const unsigned short UPDATEREADY = 4; const unsigned short OBSOLETE = 5; readonly attribute unsigned short status; // updates void update(); void abort(); void swapCache(); // events attribute EventHandler onchecking; attribute EventHandler onerror; attribute EventHandler onnoupdate; attribute EventHandler ondownloading; attribute EventHandler onprogress; attribute EventHandler onupdateready; attribute EventHandler oncached; attribute EventHandler onobsolete; };
1.离线资源的缓存
离线应用将使用manifest类型的文件作为需要配置缓存文件的配置文件
2.ApplicationCache
ApplicationCache对象记录着web应用程序的缓存状态,开发者可以通过该缓存状态手动更新资源文件的缓存。
3.在线状态监测
html5标准提供online方法用于检测当前网络是否在线。
window.navigator.online
监听事件
applicationCache.addEventListener('updateready',function(){ alert("离线文件下载完毕"); });
包含的事件名为:
checking
noupdate
downloading
progress
cached
updateready
obsolete
error
相关推荐
Lophole 2020-06-28
wusiye 2020-10-23
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
nercon 2020-08-01
swiftwwj 2020-07-21
nercon 2020-07-16
饮马天涯 2020-07-05
gufudhn 2020-06-12
csstpeixun 2020-06-11
huzijia 2020-06-09
WebVincent 2020-06-06
行吟阁 2020-05-30
qsdnet我想学编程 2020-05-26
gufudhn 2020-05-25
qsdnet我想学编程 2020-05-19
suixinsuoyu 2020-05-15
HSdiana 2020-05-15
PioneerFan 2020-05-15