JavaScript检测用户是否离线

Question

我目前正在开发Web应用程序。 我正在使用Appcache。 因此，我要做的实际上是非常简单的：如果用户在没有Internet连接的情况下加载页面，他将看到带有文本“ offline”的按钮，否则将看到文本“ online”的按钮。 我的第一种方法是使用offline.js，但无法正确检测用户何时上线/下线。

所以我尝试了这段代码：

function serverReachable() {
    // IE vs. standard XHR creation
    var x = new (window.ActiveXObject || XMLHttpRequest)("Microsoft.XMLHTTP"),
        s;
    x.open(
        // requesting the headers is faster, and just enough
        "HEAD",
        // append a random string to the current hostname,
        // to make sure we're not hitting the cache
        "//" + window.location.hostname + "/?rand=" + Math.random(),
        // make a synchronous request
        false
    );
    try {
        x.send();
        s = x.status;
        // Make sure the server is reachable
        return (s >= 200 && s < 300 || s === 304);
        // catch network & other problems
    } catch (e) {
        return false;
    }
}

但是看来，当通过AppCache加载页面时，XHR-Requests将失败。 不能选择使用navigator.onLine ，因为我们大多数用户都在使用Chrome。

有解决方案吗？ 谢谢

Answer 1

navigator.onLine 确实可以在Chrome中使用。