美文网首页
JavaScript检测离线/在线状态

JavaScript检测离线/在线状态

作者: 零一间 | 来源:发表于2020-08-07 18:24 被阅读0次

NavigatorOnLine.onLine

返回浏览器的联网状态。正常联网(在线)返回 true,不正常联网(离线)返回 false。一旦浏览器的联网状态发生改变,该属性值也会随之变化。当用户点击链接或者脚本进行网络请求时,如果发现浏览器连接不上互联网,则该属性会被赋值为false。

各浏览器对该属性的实现有些不同。

要查看网络状态的变化,请使用 addEventListener 侦听 window.online 和 window.offline 事件,如以下示例所示:

所有主要浏览器都支持 onLine 属性。

<!DOCTYPE html>
<html>
<body>
<script>
  const online_status = () => {
    window.alert(navigator.onLine ? '在线工作' : '离线工作')
  }

  window.addEventListener('online',  online_status)
  window.addEventListener('offline',  online_status)

  online_status()
</script>
</body>
</html>
image.png

相关文章

网友评论

      本文标题:JavaScript检测离线/在线状态

      本文链接:https://www.haomeiwen.com/subject/lbkqdktx.html