当关闭WiFi时，navigator.onLine仍为true，在浏览器中设置为“脱机工作”时为false

Question

当我关闭Wi-Fi（OS X中我的笔记本上的机场）时，

navigator.onLine仍然返回true。这是违反直觉的行为。但是当我在像Firefox这样的浏览器中设置“脱机工作”时，它会正确返回false。这是预期的吗？

alert(navigator.onLine ? "online" : "offline");

Answer 1

是。浏览器不向页面提供网络连接信息，而是使用Work Offline的状态作为值。

Answer 2

使用window.addEventListener检测网络更新：

window.addEventListener('online',  amIOnline);
window.addEventListener('offline', amIOffline);

function amIOnline(){
    console.log('online');
}

function amIOffline(){
    console.log('offline');
}