JavaScript 练手小技巧：如何判断设备是否联网

Navigator 对象的 onLine 属性，可以判断设备（电脑，手机，平板）是否在线。

• navigator.onLine

返回布尔值，表示浏览器的联网状态。正常联网（在线）返回 true，不正常联网（离线）返回 false。

// 判断浏览器是否上网
if (navigator.onLine) {
   alert('online')
} else {
   alert('offline');
}

同时，当浏览器网络状态发生改变的时候，会触发 window 的 online 和 offline 事件。

window.addEventListener("offline", function(e) {
    alert("下线了");
});

window.addEventListener("online", function(e) {
    alert("上线了");
});