`
zccst
  • 浏览: 3315742 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[html5]navigator.online属性检测用户是否在线

阅读更多
作者:zccst

navigator.online属性检测用户是否在线

以前我写webapp时都是通过ajax的超市时间来测试用户是否在线的。
if (navigator.onLine) { 
    //在线
} 
else { 
    //离线状态
}

这个html5的 navigator的新特性可以搞定.navigator.onLine属性,值为true表示设备能上网,值为false表示设备离线。



同时我们还可以监听用户在线离线的动作
var el = document.body;
if (el.addEventListener) {
   window.addEventListener("online", function () {
     alert("online");}, true);
   window.addEventListener("offline", function () {
     alert("offline");}, true);
}
else if (el.attachEvent) {
   window.attachEvent("ononline", function () {
     alert("online");});
   window.attachEvent("onoffline", function () {
     alert("offline");});
}
else {
   window.ononline = function () {
     alert("online");};
   window.onoffline = function () {
     alert("offline");};
}


注意,检测ononline事件,要绑定在window对象上

截止到今天,最新的浏览器都能正确使用这个属性。

目前除了IE(IE只支持navigator.onLine属性)外,其他最新浏览器都支持这个事件。

http://www.w3.org/TR/2008/WD-html5-20080610/diff/offline.html#browser0

参考 http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/



github也有人封装了比较完备的方法  https://github.com/PixelsCommander/OnlineJS

参考  http://help.dottoro.com/ljnasgpu.php
分享到:
评论

相关推荐

    SiliverLight应用程序获取当前联网状态

    总的来说,通过结合Silverlight的HtmlPage对象和HTML5的navigator.onLine属性,我们可以实现类似QQ那样的网络状态判断功能,为用户提供更智能、更贴心的服务。同时,定期轮询和事件监听机制能确保在各种情况下都能...

    html5离线存储.docx

    - **navigator.onLine**:HTML5提供了`navigator.onLine`属性,用于检测浏览器是否连接到互联网。开发者可以利用这个属性来判断应用应显示在线内容还是离线内容。 - **事件监听**:还可以监听`online`和`offline`...

    【温故而知新】JavaScript的BOM之Navigator对象.md

    - **onLine**:返回一个布尔值,指示浏览器是否在线。 - **product**:返回浏览器使用的引擎(产品)。 ##### 方法 - **javaEnabled()**:返回一个布尔值,指示浏览器是否启用了Java。 - **taintEnabled()**:返回...

    HTML5新特性-离线功能应用.pdf

    一种是通过`navigator.onLine`属性,这是一个全局属性,可以实时检查浏览器是否连接到互联网。另一种是使用`window.online`和`window.offline`事件,当网络状态改变时,浏览器会触发相应的事件,允许开发者根据网络...

    js是否联网,实时联网监测

    首先,JavaScript 提供了一种名为 `navigator.onLine` 的全局属性,它可以帮助我们获取浏览器当前是否连接到互联网。这个属性返回一个布尔值,当用户设备处于在线状态时返回 `true`,离线状态则返回 `false`。例如:...

    html5离线存储

    1. **navigator.onLine属性**:返回一个布尔值,表示当前设备是否在线。 2. **window.ononline和window.onoffline事件**:当浏览器从离线转为在线或反之亦然时触发。 **示例代码**: ```javascript if (navigator....

    导航器对象Javascript

    - **网络状态检测**:`navigator.onLine`可检测用户的网络状态,用于实现离线应用的功能。 - **地理定位**:`navigator.geolocation`接口可以获取用户的位置信息,常用于地图服务和个性化推荐。 - **插件检测**:...

    html5离线存储.pdf

    2. 在线状态检测:HTML5提供了`navigator.onLine`属性来检测用户的网络状态。开发者可以通过检查该属性值来决定是否显示离线提示或者执行特定的离线操作。此外,`window.addEventListener('online', handler)`和`...

    使用 HTML5 开发离线应用

    HTML5提供了`navigator.onLine`属性来检测浏览器当前是否在线。开发者可以监听`online`和`offline`事件,当网络状态改变时执行相应的回调函数,以提供合适的用户体验。 此外,HTML5还引入了两种本地数据存储机制:...

    javascript判断机器是否联网的2种方法

    HTML5引入了一个新的API,即`navigator.onLine`属性,它可以帮助开发者轻松地检测用户的网络状态。这个属性返回一个布尔值,`true`表示设备连接到互联网,`false`则表示设备处于离线状态。使用方法如下: ```...

    HTML5新特性-离线功能应用.docx

    一是`navigator.onLine`属性,这是一个布尔值,表示用户设备是否连接到互联网。二是`window.addEventListener('online/offline', callback)`事件监听器,可以捕获在线或离线状态的变化,从而根据网络状态执行相应的...

    JS脚本获取系统信息

    2. **在线/离线状态**:`navigator.onLine` 属性可检查用户设备是否处于在线状态。 四、地理位置 1. **地理定位**:通过`navigator.geolocation` API,用户授权后可以获取设备的经纬度和其他地理信息。 五、浏览器...

    HTML5离线应用与客户端存储的实现

    支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用,就是在设备不能上网的情况...要知道设备是否在线还是离线,HTML5 定义了一个 navigator.onLine 属性,这个属性值为 true 表示设备能上网,值为 false

    HTML5_离线存储技术

    2. **在线状态检测**:HTML5提供了`navigator.onLine`属性,可以检测浏览器当前是否在线,从而决定是否显示离线提示或者加载离线内容。 3. **事件监听**:可以监听`online`和`offline`事件,当网络状态改变时执行...

    navigator:网络导航工具

    6. **navigator.onLine**:返回浏览器是否连接到互联网。 7. **navigator.geolocation**:提供了获取用户地理位置的能力,是HTML5的一项重要功能。 8. **navigator.cookieEnabled**:返回浏览器是否支持Cookie。 ...

    phonegap-connection

    2. `onLine`:这是一个布尔值,表示设备是否处于在线状态。当网络状态发生变化时,这个属性会自动更新。 3. `getConnectionInfo()`:此方法用于获取当前的网络连接信息,返回一个包含 `type` 属性的对象。 4. `...

    network:移动端网络连接判断

    对于不支持的浏览器,可以借助于旧的`navigator.onLine`属性,它只区分设备是否在线,但无法区分具体网络类型。如果`navigator.onLine`为`true`,我们可以假设用户至少有某种形式的网络连接,但不能确定是Wi-Fi还是...

    使用 HTML 5 支持移动 Web 应用程序离线工作

    3. **离线检测**:使用 `navigator.onLine` 属性来检测用户的网络状态。如果离线,应用可以从本地缓存或数据库中加载资源。 4. **资源更新**:对于 AppCache,更新清单文件并重新加载页面以更新缓存。对于 Indexed...

    Vue应用程序的在线离线状态

    首先,我们需要理解`navigator.onLine`属性,这是JavaScript内置的一个API,用于检测用户设备当前是否连接到互联网。但是,这个API只能提供非常基础的信息,不能区分是Wi-Fi还是蜂窝数据,也无法提供网络延迟或速度...

Global site tag (gtag.js) - Google Analytics