背景

最近在用Electron開發一款應用，其中有涉及到檢測因特網是否斷開的需求。Electron基于Chromium和Node.js，讓你可以使用HTML、CSS和JavaScript構建應用。所以Electron提供nodejs、瀏覽器兩套運行環境。

筆者最先考慮到的方案HTML5提供的online/offline網絡連接事件。

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

結論很失望，這兩個網絡連接事件，只是檢測本地網絡連接狀態。

既然瀏覽器沒有提供檢測因特網是否斷開的接口，筆者只能在nodejs尋求答案。

調研

說到nodejs，筆者最先想到是去npm倉庫搜索現有的庫。找到了兩款檢測因特網狀態的庫internet-available、is-online

internet-available

這個庫檢測因特網連接狀態原理，是檢測dns連接狀態。

這里大家肯定有個疑問，使用nodejs原生模塊dns不是更簡潔嗎？

你說的沒錯，nodejs確實提供這樣的方法，但是dns原生模塊并沒有提供超時檢測。internet-available可以設置超時參數，默認是5000ms（依賴dns-socket庫實現dns超時，有興趣可以研究其源碼，這里不做展開）。

internet-available使用舉例：

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

如果想加入檢測次數和每次檢測超時時間，代碼如下：

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

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

var internetAvailable = require("internet-available");internetAvailable({ domainName: "xxxxx.com", port: 53, host: '8.8.8.8' // 默認，國內請改成114.114.114.114}).then(() => { console.log("Internet available");}).catch(() => { console.log("No internet");});

備注：8.8.8.8是谷歌公司提供的免費DNS服務器，該地址是全球通用，相對來說，更適合國外以及訪問國外網站的用戶使用，國內更適合用114.114.114.114。

is-online

is-online與internet-available檢測方式相同，唯一區別是is-online可以在nodejs和瀏覽器環境同時運行。在瀏覽器環境下，通過navigator.onLine返回網絡連接狀態，但與HTML5 online、offline事件一樣，只能檢測本地連接。

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