navigator.onLine vẫn đúng khi tắt WiFi, sai khi đặt "làm việc ngoại tuyến" trong trình duyệt

Question

navigator.onLine vẫn trở lại đúng khi tôi tắt Wi-Fi (Sân bay trên máy tính xách tay của tôi trong OS X). Đây là hành vi phản trực giác. Nhưng khi tôi đặt "làm việc ngoại tuyến" trong một trình duyệt như Firefox, nó sẽ trả về false một cách chính xác. Đây có phải là dự kiến ​​không?

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

Answer 1

Có. Trình duyệt không cung cấp thông tin kết nối mạng cho trang, mà là sử dụng trạng thái của Work Offline làm giá trị.

Answer 2

Sử dụng window.addEventListener để phát hiện các cập nhật mạng:

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

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

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