navigator.onLine在關閉WiFi時仍然正確，當在瀏覽器中設置「離線工作」時爲false

Question

當我關閉Wi-Fi（我的筆記本電腦在OS X上的機場）時，navigator.onLine仍然恢復正常。這是違反直覺的行爲。但是，當我在Firefox等瀏覽器中設置「脫機工作」時，它會正確返回false。這是預期的嗎？

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

Answer 1

是的。瀏覽器不向網頁提供網絡連接信息，而是使用「脫機工作」狀態作爲值。

Answer 2

使用window.addEventListener來檢測網絡更新：

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

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

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