資訊專欄INFORMATION COLUMN
摘要：方法二輪詢你懂的方法三利用的事件通過輪詢生成通過的事件判斷是否斷網(wǎng)此方法弱點(diǎn)就是耗流量一像素的空輪詢一次手機(jī)上用那就蛋疼了這個(gè)樣子就會(huì)偷偷跑流量。
最佳方法：
結(jié)合下面的方法混合使用
在IE和Firefox上使用Ajax輪詢檢查網(wǎng)絡(luò)是否斷了，其他瀏覽器上使用 online 和offline事件 偵聽網(wǎng)絡(luò)。
下載地址：onlinenetwork for github
引用html
設(shè)置輪詢時(shí)間和地址
time： 時(shí)間不設(shè)置默認(rèn)2000
url：不設(shè)置默認(rèn)所有瀏覽器用 online 和 offline事件
jsvar net = onlinenetwork({
"time":1000,
"url":"http://*******.com/ping.php"
})
連上網(wǎng)絡(luò)執(zhí)行
jsnet.onLineHandler(function(){
console.log("連上了！")
})
斷開網(wǎng)絡(luò)執(zhí)行
jsnet.offLineHandler(function(){
console.log("斷開網(wǎng)絡(luò)！")
})
一般判斷方法:
方法一：利用online和offline事件
此方法是通過 online 和 offline 事件來偵聽是否斷網(wǎng)，但是這個(gè)在 IE 和 Firefox 中，并非斷網(wǎng)了就是真的斷網(wǎng)了。（如火狐中在選擇 菜單>>文件>>脫機(jī)工作才會(huì)觸發(fā) online 和 offline 事件）
總之在IE和Firefox中一般情況下不能觸發(fā)這倆事件，只有在選擇脫機(jī)狀態(tài)下才能觸發(fā)此事件。
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 事件判斷是否斷網(wǎng)
此方法弱點(diǎn)就是耗流量（一像素的空gif 輪詢一次 1.43KB ）手機(jī)上用那就蛋疼了(這個(gè)樣子就會(huì)偷偷跑流量...)。
jssetInterval(function(){
var $img = $("
")
$img.appendTo("body").css("display","none").load(function(){
console.log("連接成功！")
$(this).remove()
}).error(function(){
console.log("斷網(wǎng)了！")
$(this).remove()
})
},2000)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/85544.html
摘要：前言很認(rèn)真的說吧，在和騰訊面試官的面試的過程。騰訊二面自我介紹二面的面試官和一面不是同一個(gè)面試官，所以在這個(gè)時(shí)候，我的基本介紹還是和一面一樣，介紹自己的基本信息，以及怎么想到學(xué)習(xí)前端和怎么學(xué)習(xí)前端。 前言 很認(rèn)真的說吧，在和騰訊面試官的面試的過程。有點(diǎn)感覺是在聊天一樣，他們是面試官，但是感覺更像是引路人，不管結(jié)果的好壞，在騰訊面試的過程，只要你認(rèn)真去聽去問，就可以學(xué)到很多東西吧。 如果...
摘要：本篇文章著重來給大家講一下中的腦裂問題，以及是如果解決腦裂問題的。過半機(jī)制在領(lǐng)導(dǎo)者選舉的過程中，如果某臺(tái)獲得了超過半數(shù)的選票，則此就可以成為了。就是為了防止腦裂。有痛點(diǎn)才有創(chuàng)新，一個(gè)技術(shù)肯定都是為了解決某個(gè)痛點(diǎn)才出現(xiàn)的。 什么是腦裂 腦裂(split-brain)就是大腦分裂，也就是本來一個(gè)大腦被拆分了兩個(gè)或多個(gè)大腦，我們都知道，如果一個(gè)人有多個(gè)大腦，并且相互獨(dú)立的話，那么會(huì)導(dǎo)致人體手...
摘要：報(bào)文主體并不是一定要有的。緩存緩存作用減少了冗余的數(shù)據(jù)傳輸，節(jié)省了網(wǎng)費(fèi)。當(dāng)資源發(fā)生改變時(shí)，也隨之發(fā)生變化。本人水平有限，有不足之處，望大家指出改正。 前言 或許你在面試時(shí)遇到過這樣的問題：從輸入U(xiǎn)RL到瀏覽器顯示頁(yè)面發(fā)生了什么？簡(jiǎn)單的回答就是： DNS解析 TCP建立連接 發(fā)送HTTP請(qǐng)求 服務(wù)器處理請(qǐng)求 如果有緩存直接讀緩存 沒有緩存返回響應(yīng)內(nèi)容 TCP斷開連接 瀏覽器解...
最近公有云不夠太平，在阿里云故障、AWS故障、谷歌云故障之后，騰訊云也掛了……，幾大公有云頻頻出現(xiàn)故障，一時(shí)讓很多上云的小伙伴們無從選擇，還能有靠譜點(diǎn)的嗎？其實(shí)，關(guān)于公有云的故障，早就引起了很多不滿，一度成為人們上云的最大障礙。這些都是公有云里的大牌，市場(chǎng)地位顯赫，技術(shù)過硬，也是不差錢的金主，但仍逃不過故障的魔掌，其它的公有云就更不用提了，只是市場(chǎng)份額不大，出了故障也不像這幾個(gè)更受人們關(guān)注罷了。這...
閱讀 3907·2021-11-22 13:54
閱讀 2683·2021-09-30 09:48
閱讀 2363·2021-09-28 09:36
閱讀 3119·2021-09-22 15:26
閱讀 1347·2019-08-30 15:55
閱讀 2513·2019-08-30 15:54
閱讀 1427·2019-08-30 14:17
閱讀 2345·2019-08-28 18:25
