google chrome - Jquery Plugin for Detecting Internet Connection

Question

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)

Answer 1

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:

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