如何在 JavaScript 中检测互联网连接？

在 JavaScript 中检测互联网连接

开发 Web 应用程序的一个重要方面是确定用户是否可以访问互联网，如这会显着影响应用程序的功能。在 JavaScript 中，有多种方法可以确定互联网连接的可用性。

最广泛支持的方法是使用 window.navigator.onLine 属性。该属性返回一个布尔值，如果用户在线，则返回 true；如果用户离线，则返回 false。此外，当连接状态发生变化时，会触发在线和离线窗口事件，从而提供更具反应性的方法。

要演示 window.navigator.onLine 的用法，请考虑以下代码片段：

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));

在此代码段中，我们输出一条指示当前连接状态的初始消息，并添加事件侦听器来处理在线和离线事件，这将在控制台中触发相应的消息。此外，还添加了一个按钮元素，以允许手动检查 window.navigator.onLine 属性。

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