navigator.onLine 离线检测

转载 2013年12月05日 10:56:49

开发离线应用的第一步是要知道设备是在线还是离线,HTML5为此定义了一个navigator.onLine属性,这个属性值为true表示设备能上网,值为false表示设备离线。这个属性的关键是浏览器必须知道设备能否访问网络,从而返回正确的只。实际应用中,navagator.online在不同的浏览器间还有写小的差异。

IE6+和Safari 5+能够正确检测到网络已断开,并将navigator.onLine的值转换为false。

Firefox 3+和Opear 10.6+支持navigator.onLine属性,但你必须手工选中菜单项“文件-Web开发人员(设置)-脱机工作”才能让浏览器正常的工作。

Chrome 11及之前版本始终将navigator.onLine属性设置为true。这是一个待修复的bug。

由于存在上述兼容性的问题,单独使用navigator.onLine属性不能确定网络是否连通。即便如此,在请求发生错误的情况下,检测这个属性仍然是瓜农的。以下是检测该属性状态的示例。

if (navigator.onLine) {
    //正常工作
} else {
    //执行离线状态时的任务
}
         除navigator.onLine属性之外,为了更好地确定网络是否可用,HTML5还定义了两个事件:online和offline。当网络从离线变为在线或者从在线变为离线时,分别触发这两个事件。这两个事件在window对象上触发。

var EventUtil = {
    addHandler: function (element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    }
};

EventUtil.addHandler(window, "online", function () {
    alert("Online");
});
EventUtil.addHandler(window, "offline", function () {
    alert("Offline");
});

为了检测应用是否离线,在页面加载后,最好先通过navigator.onLine取得初始的状态。然后,就是通过上述两个事件来确定网络连接状态是否变化。当上述事件触发式,navigator.onLine属性的值也会改变,不过必须要手工轮询这个属性才能检测到网络状态的变化。

支持离线检测的浏览器有IE6+(只支持navigator.onLine属性)、Firefox3、Safari4、Opera 10.6、Chrome、iOS 3.2版Safari和Android版WebKit。


原文网址:http://www.w3cmm.com/html/offline.html

Chrome navigator.onLine 问题

navigator.onLine可以简单检测本地客户端是否在线。 使用方法。 var _navigatorIsOnline = navigator.onLine; window.addEv...
  • myliveisend
  • myliveisend
  • 2014年02月22日 10:25
  • 972

离线检测 window.navigator.onLine

在使用chrome的时候出现一个情况,断掉internet后navigator.onLine 一直为true; 后来发现是还有虚拟网卡连接,所以一直为online状态, chrome只要连到任一局域...
  • xj626852095
  • xj626852095
  • 2015年01月25日 16:36
  • 1626

js 检测浏览器是否联网 (navigator.onLine)

js 检测浏览器是否联网 (navigator.onLine)
  • qq_22630169
  • qq_22630169
  • 2017年04月18日 14:46
  • 109

XMPP离线管理

转载http://blog.sina.com.cn/s/blog_8cb05a6b0101a904.html 一、前提: 在Openfire 中,客户端登出的状态分为正常离线和断线,正常离线会发送...
  • telencool
  • telencool
  • 2013年12月02日 10:26
  • 2729

Openfire 离线消息的处理机制

OfflineMessagetrategy:离线消息的处理策略类。1.静态成员变量type 用来设置消息的处理类型,主要包括:         打回                 丢弃       ...
  • yjl49
  • yjl49
  • 2011年07月22日 19:16
  • 12793

PHP人员在线离线设计

最近开发有这样的需求,但php又不擅长处理多进程任务,顾尝试找一些解决方案。 我知道的方法可能可以用的有一下几种: 1,可以用Linux crob定时任务+php脚步似乎可以实现,但如果用户比较多...
  • L_yangliu
  • L_yangliu
  • 2016年10月11日 10:04
  • 487

不用检测软件如何查看电脑硬件的配置?

如果手头上没有合适的检测软件,如何查看电脑硬件配置情况呢?总不能因此就什么都不知道吧?那样你电脑高手形象大大会受损啦,其实,离开这些软件我们也能明明白白查看电脑硬件的配置情况。下面我们就来一起学习一下...
  • u013436174
  • u013436174
  • 2014年01月14日 11:15
  • 497

科大讯飞视频检测并验证

科大讯飞开发者平台上对外开放了语音和人脸识别的SDK。现在分享的人脸识别功能。   讯飞人脸识别的demo中有的在线人脸识别、离线人脸识别和视频检测三个功能。为了更好的理解,我就简单介绍这三个功能的作...
  • xiaoming_zhong
  • xiaoming_zhong
  • 2016年03月25日 09:16
  • 2757

在3.0平台下检测手机离线及无声模式

在S60第三版中,可以通过读取Centrol Repository中的电话设置来检查离线模式是否启动;要获得情景模式的设置,只要对Central Repository进行调用即可:代码如下:#incl...
  • zhaojiangwei102
  • zhaojiangwei102
  • 2006年08月29日 11:04
  • 1527

Face++离线版实现拍照进行人脸检测

对Face++提供的安卓离线包中增添拍照预览中的人脸检测。     用匿名内部类来监听两个按钮的事件,设置了拍照回调函数中的图像比列。 public class MainActiv...
  • Armstronghappy
  • Armstronghappy
  • 2014年04月06日 16:41
  • 3261
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:navigator.onLine 离线检测
举报原因:
原因补充:

(最多只允许输入30个字)