用于检测Internet连接的jQuery插件 [英] Jquery Plugin for Detecting Internet Connection

查看:181
本文介绍了用于检测Internet连接的jQuery插件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我目前使用Tom Riley的jQuery插件检测我的应用程序中的Internet连接,它在Internet Explorer中正常工作,但在Google Chrome中实现时无法响应。



任何人都可以建议一个更好的检测互联网连接的插件,它可以在谷歌浏览器中完美工作(所有浏览器)

解决方案

需要一个插件,只需做:

 < script src =// ajax.googleapis.com/ajax/libs /jquery/1.7.2/jquery.min.js\"></script> 
< script>
if(!window.jQuery){
alert('没有互联网连接!!');
}
else {
//互联网连接
}
< / script>

上述工作原因是因为jQuery lib是从谷歌CDN中读取的,如果页面无法读取,则意味着互联网连接不存在。



更新



您可以执行例如:

 函数checkConnection(){
var connected = true;
var img = document.createElement('img');
img.src =删除服务器上映像的路径;
img.onerror = function(){connected = false; }
返回连接;
}

您可以随时使用它:

  if(checkConnection()){
// connected
}
pre>

更新2



您也可以像这样周期性/自动检查:

  setInterval(function(){
var isConnected = checkConnection(); // checkConnection()来自上面的代码
if (isConnected){
alert('Connected');
}
else {
alert('未连接');
}
},10000 ); // 10000 = 10秒,每10秒检查一次连接






其他有用的链接:


I am Currently using Tom Riley's Jquery Plugin for Detecting Internet Connection in my Application, It works fine in Internet Explorer, but it does not respond when implementing it in Google Chrome.

Can anybody suggest a better Plugin for Detecting Internet Connection which works perfect in Google Chrome(all Browsers)

解决方案

You dont need a plugin for that, simply do:

<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>

The reason why above works is because jQuery lib is read from google CDN for which internet connection is required, if page can not read it, it means internet connection isn't there.

Update

You can do something like:

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;
}

You can use it like this at any time:

if (checkConnection()) {
  // connected
}

Update 2

You can periodically/automatically check for it too like this:

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


Other useful links:

这篇关于用于检测Internet连接的jQuery插件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆