html5离线应用-离线检查Web离线应用的先决条件

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

离线Web应用程序是在设备未连接到Internet时仍然可以运行的应用程序。

    开发离线应用需要几个步骤，首先确保知道设备能否上网，以便下一步执行正确的操作。然后应用还能访问一定的资源（图像，css，js），之后这样才能正常工作，最后必须有一块本地空间用于保存数据，无论能否上网都不影响读写。

离线测量：navigator.onLine属性html5离线应用，true表示设备可以上网，false表示设备离线。

支持的浏览器 ie6+、Safari5+、chorme11+已经支持

firefox3+和opera10.6+支持navigator.online属性，但必须勾选，菜单项-》Web开发者（设置）-》离线工作才能使浏览器正常工作。

由于兼容性问题，navigator.online 属性无法单独确定网络是否已连接，但是在出现错误请求时。 检查此属性仍然有效。 示例如下：

if（navigator.online）{
    //正常工作
} else {
    //执行离线状态时的任务
}

除了navigator.online属性之外，为了更好的判断网络是否可用，html5还定义了online和offline两种风暴，当网络从离线变为在线，或者从在线变为离线时触发：

EventUtil.addHandler(window,'online',function() {
    alert('online')
})
EventUtil.addHandler(window,'offline',function() {
    alert('offline')
})

扫码加群，每天更新一篇后端技术文章html5离线应用，共同成长。