【前言】

如何判断用户在线，而不是用户网络是否连通，

在线：连网，可以访问internet

连通：连网，不能访问internet

【是否在线】

如上，判断是否在线，需要检测是否可以访问internet

nodejs

在nodejs下，可以通过ping一些常见的域名来确定，

这里封装了一个工具， https://code.insistime.com/#/qiao-ping

使用方法如下：

// use
const res = await ping('insistime.com');

// res
{
  alive: true,
  avg: '3.177',
  host: 'insistime.com',
  inputHost: 'insistime.com',
  max: '3.177',
  min: '3.177',
  numeric_host: 'xx',
  output: '',
  packetLoss: '0.000',
  stddev: '0.000',
  time: 3.177,
  times: [
    3.177,
  ],
}

这样就可以通过ping来判断了，

这里通过ping几个最常见的域名，来判断是否在线，

封装了一个工具， https://code.insistime.com/#/qiao-is-online

使用方法如下：

// use
const res = await isOnline();

// res
'online' or 'offline'

浏览器

浏览器环境下没有ping的能力，这里通过访问img图片来判断是否在线，

代码如下

/**
 * isOnline
 * @param {*} src 
 * @returns 
 */
export const isOnline = (src) => {
    return new Promise(function (resolve, reject) {
        if (!src) return reject(Error("need online img src"));

        let img = new Image();
        img.src = `${src}?r=${Math.random()}`;
        img.onload = () => {
            resolve("online");
        };
        img.onerror = () => {
            resolve("offline");
        };
    });
};

这里封装了一个工具： https://code.insistime.com/#/qiao-is-online-browser

使用如下

// use
const res = await isOnline('img url');

// res
'online' or 'offline'

【从离线到在线】

如上，可以判断是否在线后，

有一个场景是，需要检测用户从离线恢复到在线状态，

方法是：

定时检测是否在线，多次不在线后连续几次在线，

认为是从离线状态恢复到在线状态，

封装了一个工具， https://code.insistime.com/#/offline-to-online

使用方法如下：

|–nodejs

const { offlineToOnline } = require('qiao-is-online');

// callback
// time, interval time, default is 3*1000ms
offlineToOnline(function(){
    console.log('offline-to-online');
}, 3 * 1000);

|–浏览器

const { offlineToOnline } = require('qiao-is-online-browser');

// is online img src
const isOnlineImgSrc = 'your online img src';

// callback
// time, interval time, default is 3*1000ms
offlineToOnline(isOnlineImgSrc, function(){
    console.log('offline-to-online');
}, 3 * 1000);

【总结】

1.nodejs下ping， https://code.insistime.com/#/qiao-ping

2.nodejs下判断是否在线， https://code.insistime.com/#/qiao-is-online

3.浏览器下判断是否在线， https://code.insistime.com/#/qiao-is-online-browser

4.nodejs和浏览器下判断从离线到在线， https://code.insistime.com/#/offline-to-online

qiao-is-online (insistime.com)