JavaScript 如何检测和处理互联网断开？

如何在 JavaScript 中检测互联网断开

了解用户的在线状态对于提供可靠且响应迅速的用户体验至关重要。 JavaScript 提供了多种方法来检测互联网连接何时丢失。

最广泛支持的方法是使用 window.navigator.onLine 属性。该属性返回一个布尔值，指示当前的在线状态。当连接建立时，返回true；

要监听在线状态的变化，可以监听 window 对象触发的 online 和 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 技术，您可以有效地监控和响应用户互联网连接的变化。

以上是JavaScript 如何检测和处理互联网断开？的详细内容。更多信息请关注PHP中文网其他相关文章！