码迷,mamicode.com
首页 > 其他好文 > 详细

离线检测

时间:2015-09-09 17:34:04      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

通过onLine属性

if (navigator.onLine) {
    //正常工作
} else {
    //执行离线状态时的任务
}

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

  Firefox 3+和Opear 10.6+支持navigator.onLine属性,但你必须手工选中菜单项“文件-Web开发人员(设置)-脱机工作”才能让浏览器正常的工作。也就是onLinde值得改变依赖于脱机工作选项时候被选中。

除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");
});

目前只有chrom能实现离线状态检测,不仅IE检测不到,firefox居然检测不到,我也是醉了

 https://developer.mozilla.org/zh-CN/docs/Web/API/NavigatorOnLine/onLine

 

离线检测

标签:

原文地址:http://www.cnblogs.com/pmx-pmx/p/4795223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!