用JavaScript检测离线/在线状态

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