JavaScript 检测互联网连接

Question

这个问题已经有答案了:

The onLine API isn't working in any browser (1 个回答)

已关闭 3 年前。

我正在尝试使用这段代码检测互联网连接状态

  console.log('here');
  window.addEventListener('offline', function (event) {
    console.log('You lost connection.');
  });
  window.addEventListener('online', function (event) {
    console.log('You are back online.');
  });

我切断了互联网，但什么也没发生。控制台中没有登录，只有最初的这里，我将其添加到空白 html 页面的基本 block 中，没什么花哨的。看来 window 对象上不存在在线和离线事件。

更新:这很奇怪，因为我在完全相同的环境中开发了此功能:相同的笔记本电脑，操作系统:Windows，浏览器 chrome 和 firefox 并且它可以工作。现在不行了。我还使用另一台电脑进行了测试，它可以工作。

Answer 1

在 HTML5 中，您可以使用 navigator.onLine 属性。

看这里: http://www.w3.org/TR/offline-webapps/#related

您当前的行为可能是随机的，因为 JavaScript 仅准备好“浏览器”变量，然后知道您是否离线和在线，但它实际上并不检查网络连接。