如何检测互联网连接是否脱机或未使用 JavaScript？

在开发应用程序时，有时需要检测用户的互联网连接是否可用。这可以通过 JavaScript 实现，不过也有其他方式可以达到同样的目的。

使用 Navigator API

Navigator API 提供了许多检测浏览器状态的属性和方法。其中包括一些属性可以帮助检测用户的互联网连接是否可用。

if (navigator.onLine) {
  // 连接正常
} else {
  // 连接断开
}

上面的代码检测浏览器是否在线，如果在线，则执行一些操作；如果不在线，则执行另一些操作。使用此方法时请注意，有时浏览器仍然会返回 false，即使连接正常。因此，请不要完全依赖它来检测连接是否可用。

使用 AJAX

另一种检测互联网连接是否可用的方法是尝试进行 AJAX 请求。如果请求成功，则连接正常。如果失败，则连接不可用。

function checkConnection() {
  $.ajax({
    url: "http://www.baidu.com",
    success: function() {
      // 连接正常
    },
    error: function() {
      // 连接不可用
    }
  });
}

上面的代码尝试向 www.baidu.com 发送 AJAX 请求。如果请求成功，则连接正常；如果失败，则连接不可用。此方法也具有一定的局限性，因为许多主机会拒绝 AJAX 请求。

使用 Ping

Ping 是一种检测与主机之间连接的方法。它通过发送 ICMP 请求并等待主机的响应来检测连接是否可用。

function ping(host, callback) {
  var img = new Image();
  var start = new Date().getTime();
  img.src = "http://" + host + "/ping.gif";
  img.onload = function() {
    callback(new Date().getTime() - start);
  }
  img.onerror = function() {
    callback(null);
  }
}

上面的代码通过创建一个 img 元素并加载包含 ping.gif 图像（或其他类似的文件）的 URL 来进行 Ping 测试。如果主机响应，则回调函数将给出响应时间；如果没有响应，则回调函数将返回 null。

结论

以上是几种检测互联网连接是否可用的方法。请记住，这些方法都不是完美的，并且不能保证 100% 准确。使用时应根据你的需求和环境选择合适的方法。