javascript - navigator.onLine は、WiFi をオフにすると true、ブラウザで「オフラインで作業」に設定すると false

Question

Wi-Fi (OS X のノートブックの Airport) をオフにしても、navigator.onLine は true を返します。これは直感に反する動作です。しかし、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');
}