JS 监听网络状态
在JavaScript中,可以通过navigator.onLine
属性来检查当前的网络状态。此属性返回一个布尔值,表示浏览器是否认为自己处于在线状态。
要监听网络状态变化,可以使用window.addEventListener
来监听online
和offline
事件。
下面是一个监听网络状态变化的示例代码:
// 检查初始网络状态
if (navigator.onLine) {
console.log('在线');
} else {
console.log('离线');
}
// 监听网络状态变化事件
window.addEventListener('online', function() {
console.log('网络恢复连接');
});
window.addEventListener('offline', function() {
console.log('网络已断开连接');
});
当网络状态变化时,会在控制台输出相应的信息。这个方法适用于大多数现代浏览器,但请注意,由于特定的浏览器或设备可能有特定的实现差异,所以最好在目标平台上进行测试。
评论已关闭