navigator.onLine по-прежнему имеет значение true при отключении Wi-Fi, false при установке «работа в автономном режиме» в браузере.

Question

navigator.onLine все еще возвращает true, когда я отключаю Wi-Fi (Airport на моем ноутбуке в OS X). Это нелогичное поведение. Но когда я устанавливаю «работать в автономном режиме» в браузере, таком как 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');
}