摘要:方法二轮询你懂的方法三利用的事件通过轮询生成通过的事件判断是否断网此方法弱点就是耗流量一像素的空轮询一次手机上用那就蛋疼了这个样子就会偷偷跑流量。
最佳方法:
结合下面的方法混合使用
在IE和Firefox上使用Ajax轮询检查网络是否断了,其他浏览器上使用 online 和offline事件 侦听网络。
下载地址:onlinenetwork for github
引用html
设置轮询时间和地址
time: 时间不设置默认2000
url:不设置默认所有浏览器用 online 和 offline事件
jsvar net = onlinenetwork({
"time":1000,
"url":"http://*******.com/ping.php"
})
连上网络执行
jsnet.onLineHandler(function(){
console.log("连上了!")
})
断开网络执行
jsnet.offLineHandler(function(){
console.log("断开网络!")
})
一般判断方法:
方法一:利用online和offline事件
此方法是通过 online 和 offline 事件来侦听是否断网,但是这个在 IE 和 Firefox 中,并非断网了就是真的断网了。(如火狐中在选择 菜单>>文件>>脱机工作才会触发 online 和 offline 事件)
总之在IE和Firefox中一般情况下不能触发这俩事件,只有在选择脱机状态下才能触发此事件。
jswindow.addEventListener("load", function() {
var status = document.getElementById("status");
function updateOnlineStatus(event) {
var condition = navigator.onLine ? "online" : "offline";
status.className = condition;
status.innerHTML = condition.toUpperCase();
}
window.addEventListener("online", updateOnlineStatus);
window.addEventListener("offline", updateOnlineStatus);
});
方法二:Ajax轮询
你懂的
jssetInterval(function(){
//Ajax...
},1000)
方法三:利用IMG的onerror事件
通过轮询生成 IMG 通过 img 的 onerror 事件判断是否断网
此方法弱点就是耗流量(一像素的空gif 轮询一次 1.43KB )手机上用那就蛋疼了(这个样子就会偷偷跑流量...)。
jssetInterval(function(){
var $img = $("
")
$img.appendTo("body").css("display","none").load(function(){
console.log("连接成功!")
$(this).remove()
}).error(function(){
console.log("断网了!")
$(this).remove()
})
},2000)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/85544.html
摘要:前言很认真的说吧,在和腾讯面试官的面试的过程。腾讯二面自我介绍二面的面试官和一面不是同一个面试官,所以在这个时候,我的基本介绍还是和一面一样,介绍自己的基本信息,以及怎么想到学习前端和怎么学习前端。 前言 很认真的说吧,在和腾讯面试官的面试的过程。有点感觉是在聊天一样,他们是面试官,但是感觉更像是引路人,不管结果的好坏,在腾讯面试的过程,只要你认真去听去问,就可以学到很多东西吧。 如果...
摘要:本篇文章着重来给大家讲一下中的脑裂问题,以及是如果解决脑裂问题的。过半机制在领导者选举的过程中,如果某台获得了超过半数的选票,则此就可以成为了。就是为了防止脑裂。有痛点才有创新,一个技术肯定都是为了解决某个痛点才出现的。 什么是脑裂 脑裂(split-brain)就是大脑分裂,也就是本来一个大脑被拆分了两个或多个大脑,我们都知道,如果一个人有多个大脑,并且相互独立的话,那么会导致人体手...
最近公有云不够太平,在阿里云故障、AWS故障、谷歌云故障之后,腾讯云也挂了……,几大公有云频频出现故障,一时让很多上云的小伙伴们无从选择,还能有靠谱点的吗?其实,关于公有云的故障,早就引起了很多不满,一度成为人们上云的最大障碍。这些都是公有云里的大牌,市场地位显赫,技术过硬,也是不差钱的金主,但仍逃不过故障的魔掌,其它的公有云就更不用提了,只是市场份额不大,出了故障也不像这几个更受人们关注罢了。这...
阅读 4226·2021-11-22 13:54
阅读 3018·2021-09-30 09:48
阅读 2653·2021-09-28 09:36
阅读 3372·2021-09-22 15:26
阅读 1624·2019-08-30 15:55
阅读 2797·2019-08-30 15:54
阅读 1655·2019-08-30 14:17
阅读 2582·2019-08-28 18:25