离线检测

HTML5中定义的:

navigator.onLine如果为true则表示设备能够上网 注意是大写的LonLine);

用下面代码检测属性状态:

if (navigator.onLine) {
    // statement if online
} else {
    // statement if offline
}

另外:

window.onlinewindow.offline两个事件

HTML5提供了这两个事件,会在网络状态变化时触发。online在网络由离线变为在线时触发;offline在网络由在线变为离线时触发。

EventUtil.addHandler(window, "online", function() {
    document.getElementById("status").innerHTML = "在线";
});
EventUtil.addHandler(window, "offline", function() {
    document.getElementById("status").innerHTML = "离线";
});

应用缓存(appcache)

appcache就是一个从浏览器的缓存中分出来的缓存去,在缓存中保存数据,可以使用一个描述文件(manifest file),列出要下载和缓存的资源。

描述文件文件名:

offline.manifest

描述文件内容:

CACHE MANIFEST
#Comment

file.js
file.css

然后与页面关联起来,在html标签中的manifest属性中指定这个文件路径:

<html lang="en" manifest="/offline.manifest">

另外,applicationCache.status会返回下面的常量:

  • 0:无缓存

  • 1:闲置

  • 2:检查中

  • 3:下载中

  • 4:更新完成

  • 5:废弃

应用缓存相关的事件:

  • checking:检查缓存更新时;

  • error:检查更新或下载资源时发声错误

  • noupdate:描述文件无变化

  • downloading:开始下载应用缓存资源

  • progress:下载缓存资源过程中

  • updateready:下载完毕

  • cached:应用缓存完整可用时

让应用缓存为检查更新而触发上述事件:

applicationCache.update();
如果觉得我的文章对你有用,请随意赞赏

Starch · 2017年07月07日

涨了, :)
mark

回复

载入中...
Planets
Oliveryoung Oliveryoung

2.5k 声望

发布于专栏

前端和Node学习笔记

前端和Node学习笔记

76 人关注