javascript - What is the best way to check if the device has Internet access? - Stack Overflow

admin管理员组

文章数量:1403438

I want to check if the device has internet access. From the official cordova documentation:

This code, is only to get the connection type

function checkConnection() {
    var networkState = navigator.connection.type;

    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.CELL]     = 'Cell generic connection';
    states[Connection.NONE]     = 'No network connection';

    alert('Connection type: ' + states[networkState]);
}

checkConnection();

But how can I check if the device really have internet access? That is, because it may be that the device is connected to a router using a WiFi connection type, but that it has no access to internet but only local access. In this case the checkConnection(); will return: WiFi connection.

Or that is connected to a 3G network phone operator, but the user does not have sufficient credits for the internet. In this case the checkConnection(); will return: Cell 3G connection

But in both cases the user have not a real internet access eventhough if connected.

The only thing that I think is to ping google or another server to check if there really has internet access, in the case of states[networkState] != No network connection

Or do you think navigator.onLine can run on all devices (Android, iOS, BlackBery 10?

I hope I have expressed well, my English really sucks.

I want to check if the device has internet access. From the official cordova documentation:

This code, is only to get the connection type

function checkConnection() {
    var networkState = navigator.connection.type;

    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.CELL]     = 'Cell generic connection';
    states[Connection.NONE]     = 'No network connection';

    alert('Connection type: ' + states[networkState]);
}

checkConnection();

But how can I check if the device really have internet access? That is, because it may be that the device is connected to a router using a WiFi connection type, but that it has no access to internet but only local access. In this case the checkConnection(); will return: WiFi connection.

Or that is connected to a 3G network phone operator, but the user does not have sufficient credits for the internet. In this case the checkConnection(); will return: Cell 3G connection

But in both cases the user have not a real internet access eventhough if connected.

The only thing that I think is to ping google or another server to check if there really has internet access, in the case of states[networkState] != No network connection

Or do you think navigator.onLine can run on all devices (Android, iOS, BlackBery 10?

I hope I have expressed well, my English really sucks.

• javascript
• cordova
• cordova-plugins
• navigator

Share Improve this question Follow edited Jun 20, 2022 at 14:04 snoob dogg 2,89544 gold badges3636 silver badges6767 bronze badges asked Aug 21, 2015 at 15:12 candlejackcandlejack 1,20922 gold badges2424 silver badges5252 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Hmm... here is a discussion http://iswwwup./t/f3e5374b74ca/android-cordova-plugin-to-detect-internet-connection.html

And the solution they mentioned...

A function to test this address to check if the device has access to internet would look like this :

function testInternet(win,fail){
    $.get("http://www.google.fr/blank.html").done(win).fail(fail);
}
Or ,

function testInternet(win,fail){
    $.ajax({
         url:"http://www.google.fr/blank.html",
         timeout:5000,   //timeout to 5s
         type: "GET",
         cache: false
       }).done(win).fail(fail); 
}

There is a plugin that helps you to do that: Network information

try it with a test function to an URL that test your request if it fails then you do somthing else, as many answers explained here, or use

document.addEventListener("online", onOnline, false);
function onOnline() {  // Handle the online event}

document.addEventListener("offline", onOffline, false);
function onOffline() {  // Handle the offline event}

Remember to wrap these functions inside a document.addEventListener('deviceready', function() {}, false);

本文标签： javascriptWhat is the best way to check if the device has Internet accessStack Overflow