专栏首页淡定的博客html5之网络状态检测

html5之网络状态检测

在原生APP中,比如QQ,它可以检测QQ是处于在线还是离线状态,但是在网页中,或者早期web app中,没有检测网络状态的能力,因此在HTML5中出现了网络状态检测API

代码

<!--addEventListener() 方法用于向指定元素添加事件句柄。-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <script>
    // online 在线
    window.addEventListener("online", function () {
      alert("您的网络状态正常");
    })
    // offline 离线
    window.addEventListener("offline", function () {
      alert("您的网络状态离线");
    })


    // 特殊情况
    // 局域网 显示正常
    // wifi有的时候标志有惊叹号  虽然不能上网 但是这个api也能用
  </script>
</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • php面向对象容易忘记的几个知识点

    一个淡定的打工菜鸟
  • php面向对象容易忘记的几个知识点

    一个淡定的打工菜鸟
  • 移动端事件详解

    一个淡定的打工菜鸟
  • 页面静态化技术Freemarker技术的介绍及使用实例.

    一枝花算不算浪漫
  • rtsp转rtmp、hls网页直播服务器EasyNVR前端兼容性调试:ie下的 pointer-events: none

    这个属性设置 很好的在chrome中完成了需求。但是在IE中似乎就没有能够完成自己应有的任务了。 结合:

    EasyNVR
  • 【大数据】Spark优化经验&案例--数据倾斜

    onephone
  • 互联网广告活动中的主体问题研究

    主笔人:杨乐  彭宏洁   根据新《广告法》的界定,在互联网广告中,与传统广告形式一样也包括了广告主、广告经营者、广告发布者、广告代言人四类主体,但由于互联网广...

    腾讯研究院
  • Mysql 存储大数据量问题

    我们说 Mysql 单表适合存储的最大数据量,自然不是说能够存储的最大数据量,如果是说能够存储的最大量,那么,如果你使用自增 ID,最大就可以存储 2^32 或...

    码哥字节
  • [L3]实战语言模型~构建embedding层

    由于在公众号上文本字数太长可能会影响阅读体验,因此过于长的文章,我会使用"[L1]"来进行分段。这个系列将主要借鉴《Tensorflow实战Google学习框架...

    触摸壹缕阳光
  • 【漏洞预警】GitLab曝高危漏洞,可致private token等敏感信息泄露

    GitLab于昨日发布了8.17.4、8.16.8和8.15.8版本(社区版和企业版),修复多个高危漏洞,包含一个针对关键信息泄露漏洞的更新补丁,针对SSRF攻...

    FB客服

扫码关注云+社区

领取腾讯云代金券