背景

最近在用Electron開(kāi)發(fā)一款應(yīng)用，其中有涉及到檢測(cè)因特網(wǎng)是否斷開(kāi)的需求。Electron基于Chromium和Node.js，讓你可以使用HTML、CSS和JavaScript構(gòu)建應(yīng)用。所以Electron提供nodejs、瀏覽器兩套運(yùn)行環(huán)境。

筆者最先考慮到的方案HTML5提供的online/offline網(wǎng)絡(luò)連接事件。

window.addEventListener('online', ...)
window.addEventListener('offline', ...)

結(jié)論很失望，這兩個(gè)網(wǎng)絡(luò)連接事件，只是檢測(cè)本地網(wǎng)絡(luò)連接狀態(tài)。

既然瀏覽器沒(méi)有提供檢測(cè)因特網(wǎng)是否斷開(kāi)的接口，筆者只能在nodejs尋求答案。

調(diào)研

說(shuō)到nodejs，筆者最先想到是去npm倉(cāng)庫(kù)搜索現(xiàn)有的庫(kù)。找到了兩款檢測(cè)因特網(wǎng)狀態(tài)的庫(kù)internet-available、is-online

internet-available

這個(gè)庫(kù)檢測(cè)因特網(wǎng)連接狀態(tài)原理，是檢測(cè)dns連接狀態(tài)。

這里大家肯定有個(gè)疑問(wèn)，使用nodejs原生模塊dns不是更簡(jiǎn)潔嗎？

你說(shuō)的沒(méi)錯(cuò)，nodejs確實(shí)提供這樣的方法，但是dns原生模塊并沒(méi)有提供超時(shí)檢測(cè)。internet-available可以設(shè)置超時(shí)參數(shù)，默認(rèn)是5000ms（依賴(lài)dns-socket庫(kù)實(shí)現(xiàn)dns超時(shí)，有興趣可以研究其源碼，這里不做展開(kāi)）。

internet-available使用舉例：

var internetAvailable = require("internet-available");

internetAvailable().then(function(){
 console.log("Internet available");
}).catch(function(){
 console.log("No internet");
});

如果想加入檢測(cè)次數(shù)和每次檢測(cè)超時(shí)時(shí)間，代碼如下：

var internetAvailable = require("internet-available");

internetAvailable({
 timeout: 4000,
 retries: 10,
}).then(function(){
 console.log("Internet available");
}).catch(function(){
 console.log("No internet");
});

internet-available默認(rèn)檢測(cè)的DNS域名是google.com，如果想自定義域名，代碼如下：

var internetAvailable = require("internet-available");

internetAvailable({
 domainName: "xxxxx.com",
 port: 53,
 host: '8.8.8.8' // 默認(rèn)，國(guó)內(nèi)請(qǐng)改成114.114.114.114
}).then(() => {
 console.log("Internet available");
}).catch(() => {
 console.log("No internet");
});

備注：8.8.8.8是谷歌公司提供的免費(fèi)DNS服務(wù)器，該地址是全球通用，相對(duì)來(lái)說(shuō)，更適合國(guó)外以及訪問(wèn)國(guó)外網(wǎng)站的用戶(hù)使用，國(guó)內(nèi)更適合用114.114.114.114。

is-online

is-online與internet-available檢測(cè)方式相同，唯一區(qū)別是is-online可以在nodejs和瀏覽器環(huán)境同時(shí)運(yùn)行。在瀏覽器環(huán)境下，通過(guò)navigator.onLine返回網(wǎng)絡(luò)連接狀態(tài)，但與HTML5 online、offline事件一樣，只能檢測(cè)本地連接。

is-online使用舉例

const isOnline = require('is-online');
 
isOnline().then(online => {
 if(online){
 console.log("We have internet");
 }else{
 console.log("Houston we have a problem");
 }
});

此庫(kù)也提供超時(shí)設(shè)置，且可以設(shè)置Internet協(xié)議版本，這是一個(gè)通常不需要設(shè)置的高級(jí)選項(xiàng)，但它對(duì)于專(zhuān)門(mén)斷言IPv6連接非常有用，代碼如下：

var isOnline = require('is-online');
 
isOnline({
 timeout: 5000,
 version: "v4" // v4 or v6
}).then(online => {
 if(online){
 console.log("Internet available");
 }else{
 console.log("No internet");
 }
});

總結(jié)

除了以上兩個(gè)庫(kù)，還有其他方式可以檢測(cè)因特網(wǎng)斷開(kāi)嗎？筆者目前想到的還可以通過(guò)發(fā)起http head請(qǐng)求是否成功響應(yīng)判斷；通過(guò)ping 目標(biāo)host或者domain是否連通檢測(cè)判斷。如果有更好的方式，歡迎討論~

好了，以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。

最新評(píng)論