用JavaScript检测离线/在线状态

最新推荐文章于 2021-06-10 00:20:40 发布

mischen520

最新推荐文章于 2021-06-10 00:20:40 发布

阅读量986

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/miachen520/article/details/51991163

版权

javascript 专栏收录该内容

72 篇文章 1 订阅

订阅专栏

navigator.onLine

navigator.onLine属性能给我们提供一个布尔值，用来判断用户是否连接了互联网。你可以这样访问它：

if(navigator.onLine) { // true|false
	// ...
}

我们除了能检测这个离线/在线属性值外，还可以绑定offline 和 online事件：

functio

function updateIndicator() {
	// 这时可以根据offline/online按钮的颜色
}

// 根据网络连接情况更新在线状态
window.addEventListener('online',  updateIndicator);
window.addEventListener('offline', updateIndicator);
updateIndicator();