用于检测Internet连接的Jquery插件

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
  if (! window.jQuery) {
    alert('No internet Connection !!');
  }
  else {
     // internet connected
  }
</script>

上面的工作原因是因为jQuery lib是从需要互联网连接的Google CDN中读取的,如果页面无法读取,这意味着互联网连接不存在.

更新

你可以这样做：

function checkConnection() {
  var connected = true;
  var img = document.createElement('img');
  img.src = "path to remoate image on your server";
  img.onerror = function() { connected = false; }
  return connected;
}

您可以随时使用它：

if (checkConnection()) {
  // connected
}

更新2

您可以定期/自动检查它也是这样的：

seTinterval(function(){
  var isConnected = checkConnection(); // checkConnection() comes from above code
  if (isConnected) {
    alert('Connected');
  }
  else {
    alert('Not Connected');
  }
},10000); // 10000 = 10 seconds,check for connection every 10 seconds

其他有用的链接：

> Check if Internet Connection Exists with Javascript?
> JQuery Mobile Detected if there’s internet Connection
> checkNet: My jQuery plugin for detecting Internet connection