在 Javascript 上检查互联网连接

Question

好的，我收到了这个案子。我在 angular.js 上构建了这个应用程序，并在 node.js 上构建了后端......它无论如何都可以正常工作。

客户端与互联网的连接很糟糕。它时不时地在线和离线。我需要做的是 ping 我的服务器以检查其连接的例程。如果失败，我需要 ping 到其他东西（比如说：google.com），这样我可以检查两件事：

1.- 我的服务器在线（或不在线） 2.- 客户端没有网络连接。

使用此例程 Ping 到服务器可以正常工作：

function hostReachable(host) {  // Handle IE and more capable browsers 
    var xhr = new ( window.ActiveXObject || XMLHttpRequest )( "Microsoft.XMLHTTP" ); 
    var status;  
    // Open new request as a HEAD to the root hostname with a random param to bust the cache 
    xhr.open( "GET", "//" + host + "/?rand=" + Math.floor((1 + Math.random()) * 0x10000), false);  
    // Issue request and handle response 
    try { xhr.send(); return (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304); }
    catch (error) { return false; }
    }
 }

function check() {
if (!hostReachable(window.location.host)) {
    if (!hostReachable('www.google.co.ve')) {
        alert('No se pudo establecer conexión con el sistema. Revise su conexion a internet.');
    } else {
        alert('Existe un problema con el sistema. Por favor contacto a los administradores.');
    }
} else {
    console.log('Connected...');
}
}

check();

交易是检查 google.com 会出现跨域问题。所以问题很简单。有没有办法像这样检查互联网连接？

Answer 1

如果您发送一个跨域请求并且您尝试 ping 的服务器不接受它，他们将发回拒绝访问状态。我认为那是403，但您需要检查 firebug / chrome dev 工具以查看实际代码是什么。然后，如果您获得该代码，您至少知道请求已发送并收到响应。

--编辑--

这是我在JSFiddle 上的意思的一个例子。请务必检查 chrome dev tools / firebug 上的网络请求。它正在向www.google.com 发送请求，并在响应中接收404 状态码。

旁注：事实证明，不同的服务器在拒绝跨域请求时会发回不同的代码。似乎401、403 和404 是最受欢迎的。对于将来查看此问题的任何人，您将需要检查您 ping 所针对的站点正在发回哪些代码。

Answer 2

您可以尝试从 google 或其他一些高度可靠的 cdn 请求 javascript 资源。不受跨域限制。