JavaScript 如何检测和监控互联网连接状态？

在 JavaScript 中监控 Internet 连接状态

检测离线 Internet 连接对于需要一致网络访问的 Web 应用程序至关重要。在 JavaScript 中，window.navigator.onLine 属性及其关联的 online 和 offline 事件提供了一种监视连接状态的便捷方法。

检测离线状态：

要检测离线状态，您可以访问 window.navigator.onLine 属性，该属性返回一个布尔值，指示用户是否连接到互联网。

window.addEventListener:

你也可以使用window.addEventListener来监听线上和线下活动。当连接从在线变为离线时，会触发 offline 事件，反之亦然。

代码示例：

以下代码片段演示了如何使用这些方法：

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

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

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

此代码记录初始连接状态，侦听更改，并允许您通过单击按钮手动检查状态。

注意：

这些方法的可用性可能会因浏览器和平台而异。

以上是JavaScript 如何检测和监控互联网连接状态？的详细内容。更多信息请关注PHP中文网其他相关文章！