有时候,我们需要知道当前的网络状态来做一些事情来提高用户体验。本节课,我们来看看如何使用JavaScript检测用户是否在线。检测连接状态我们可以使用navigator.onLineAPI来检测连接状态,它返回一个布尔值来表示用户是否在线。注意:请注意浏览器的实现方式不同,因此结果可能会有所不同。window.addEventListener('load',()=>{conststatus=navigator.onLine;});这样我们不知道加载后网络状态有没有变化,不太理想。我们可以订阅离线和在线window.addEventListener('offline',(e)=>{console.log('offline');});window.addEventListener('online',(e)=>{console.log('online');});示例我们通过背景颜色的变化来展示当前的网络状态:
