如何在 JavaScript 中检测离线 Internet 连接状态？

如何在 JavaScript 中确定 Internet 连接是否离线

在 JavaScript 中检测 Internet 连接是确保无缝用户体验的关键方面用于网络应用程序。有多种方法可以实现此目的，但最有效的方法之一是利用 window.navigator.onLine 属性。

window.navigator.onLine 属性指示设备是否具有活动的互联网连接。它的值是一个布尔值，其中true代表在线连接，false代表离线连接。要确定当前的网络状态，只需访问此属性即可。

console.log('Initially ' + (window.navigator.onLine ? 'on' : 'off') + 'line');

此外，您可以订阅在线和离线事件，以便在网络状态发生变化时收到通知。

window.addEventListener('online', () => console.log('Became online'));
window.addEventListener('offline', () => console.log('Became offline'));

要按需手动检查当前网络状态，您可以创建一个按钮来触发 window.navigator.onLine 属性的评估。

document.getElementById('statusCheck').addEventListener('click', () => console.log('window.navigator.onLine is ' + window.navigator.onLine));

以上是如何在 JavaScript 中检测离线 Internet 连接状态？的详细内容。更多信息请关注PHP中文网其他相关文章！