有时候，我们需要知道当前网络的状态来做一些事情，以提升用户体验，这节课，我们来看一下，如何使用 JavaScript 来检测用户是否在线。,我们可以利用navigator.onLine API来检测连接状态，它返回一个布尔值来表示用户是否在线。,注意：请注意各浏览器的实现方式不同，因此结果可能不同。,这种方式，我们不知道加载后网络状态是否发生变化，这并不理想。,我们可以订阅 offline 和 online ,我们通过一个背景色的变化来演示当前的网络状态：,对应的 css:,默认情况下，显示在线信息。然后我们添加一个条件，如果状态元素有一个 offline 类，我们就切换这两个div。,那么，我们如何根据网络状态来切换呢：,代码很简单，这里就不过多的介绍了。,
,事例地址：https://codepen.io/rebelchris/pen/PoaQjqr,原文：https://dev.to/dailydevtips1/detecting-if-the-user-is-online-with-javascript-58ne,
文章版权声明
1 原创文章作者：cmcc，如若转载，请注明出处： https://www.52hwl.com/16612.html
2 温馨提示：软件侵权请联系469472785#qq.com（三天内删除相关链接）资源失效请留言反馈
3 下载提示：如遇蓝奏云无法访问，请修改lanzous(把s修改成x)
4 免责声明：本站为个人博客，所有软件信息均来自网络 修改版软件，加群广告提示为修改者自留，非本站信息，注意鉴别
微信扫一扫 
支付宝扫一扫 