国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

js 判斷是否網絡斷了

aervon / 2666人閱讀

摘要：方法二輪詢你懂的方法三利用的事件通過輪詢生成通過的事件判斷是否斷網此方法弱點就是耗流量一像素的空輪詢一次手機上用那就蛋疼了這個樣子就會偷偷跑流量。

最佳方法： 
  
結合下面的方法混合使用

  
  
在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)

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85544.html

相關文章

  • 2018年騰訊前端二面總結（面向2019屆學生）

    摘要：前言很認真的說吧，在和騰訊面試官的面試的過程。騰訊二面自我介紹二面的面試官和一面不是同一個面試官，所以在這個時候，我的基本介紹還是和一面一樣，介紹自己的基本信息，以及怎么想到學習前端和怎么學習前端。 前言 很認真的說吧，在和騰訊面試官的面試的過程。有點感覺是在聊天一樣，他們是面試官，但是感覺更像是引路人，不管結果的好壞，在騰訊面試的過程，只要你認真去聽去問，就可以學到很多東西吧。 如果...

    gself 評論0 收藏0

  • 腦裂是什么？Zookeeper是如何解決的？

    摘要：本篇文章著重來給大家講一下中的腦裂問題，以及是如果解決腦裂問題的。過半機制在領導者選舉的過程中，如果某臺獲得了超過半數的選票，則此就可以成為了。就是為了防止腦裂。有痛點才有創新，一個技術肯定都是為了解決某個痛點才出現的。 什么是腦裂 腦裂(split-brain)就是大腦分裂，也就是本來一個大腦被拆分了兩個或多個大腦，我們都知道，如果一個人有多個大腦，并且相互獨立的話，那么會導致人體手...

    android_c 評論0 收藏0

  • HTTP面試指南

    摘要：報文主體并不是一定要有的。緩存緩存作用減少了冗余的數據傳輸，節省了網費。當資源發生改變時，也隨之發生變化。本人水平有限，有不足之處，望大家指出改正。 前言 或許你在面試時遇到過這樣的問題：從輸入URL到瀏覽器顯示頁面發生了什么？簡單的回答就是： DNS解析 TCP建立連接 發送HTTP請求 服務器處理請求 如果有緩存直接讀緩存 沒有緩存返回響應內容 TCP斷開連接 瀏覽器解...

    FreeZinG 評論0 收藏0

  • 請給公有云多些成長空間

    最近公有云不夠太平，在阿里云故障、AWS故障、谷歌云故障之后，騰訊云也掛了……，幾大公有云頻頻出現故障，一時讓很多上云的小伙伴們無從選擇，還能有靠譜點的嗎？其實，關于公有云的故障，早就引起了很多不滿，一度成為人們上云的最大障礙。這些都是公有云里的大牌，市場地位顯赫，技術過硬，也是不差錢的金主，但仍逃不過故障的魔掌，其它的公有云就更不用提了，只是市場份額不大，出了故障也不像這幾個更受人們關注罷了。這...

    jayce 評論0 收藏0

  • 斷開TCP連接

    摘要：我們知道通過三次握手建立可靠連接，通過四次揮手斷開連接，連接是比較昂貴的資源。從上分析，安全可靠的斷開連接至少需要四次，再多一次的意義不大。連接的異常斷開以上都是在理想的情況下發生的，理想狀態下，一個連接可以被長期保持。 我們知道TCP通過三次握手建立可靠連接，通過四次揮手斷開連接，TCP連接是比較昂貴的資源。為什么TCP需要通過三次握手才能建立可靠的連接？兩次不行么？斷開連接為什么需...

    fyber 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<