在线状态检测

若是 Web 应用程序仅仅是一些静态页面的组合，那么经过 cache manifest 缓存资源文件之后，就能够支持离线访问了。可是随着互联网的发展，特别是 Web2.0 概念流行以来，用户的提交的数据渐渐成为互联网的主流。那么在开发支持离线的 Web 应用时，就不能仅仅知足于静态页面的展示，还必需考虑如何让用户在离线状态下也能够操做数据。离线状态时，把数据存储在本地；在线之后，再把数据同步到服务器上。为了作到这一点，开发者首先必须知道浏览器是否在线。HTML5 提供了两种检测是否在线的方式：navigator.online 和 online/offline 事件。
 navigator.onLine
    navigator.onLine 属性表示当前是否在线。若是为 true, 表示在线；若是为 false, 表示离线。当网络状态发生变化时，navigator.onLine 的值也随之变化。开发者能够经过读取它的值获取网络状态。
 online/offline 事件
    当开发离线应用时，经过 navigator.onLine 获取网络状态一般是不够的。开发者还须要在网络状态发生变化时马上获得通知，所以 HTML5 还提供了 online/offline 事件。当在线 / 离线状态切换时，online/offline 事件将触发在 body 元素上，而且沿着 document.body、document 和 window 的顺序冒泡。所以，开发者能够经过监听它们的 online/offline 事件来获悉网络状态。