离线检测
HTML5中定义的:
navigator.onLine
如果为true则表示设备能够上网 注意是大写的L
(onLine
);
用下面代码检测属性状态:
if (navigator.onLine) {
// statement if online
} else {
// statement if offline
}
另外:
window.online
和window.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();
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。