javascript - 如何在 JavaScript 中检测互联网连接是否已关闭或域/URL 是否不存在？

Question

问题:我如何知道 XMLHttpRequest 失败是因为互联网连接断开还是因为请求的域不存在？

背景和上下文:Chrome 扩展程序，可以向任何域发出 XHttpRequest。

代码:

function isOnline(url, callback)
{

    var xhr = new XMLHttpRequest();
    var result = {status: 0, online: true};

    xhr.onerror = function(data) { 
        // note! data object here doesn't contain any useful info about the reason
        result.online = false;
    };

    xhr.onreadystatechange = function(data) {
        if (xhr.readyState == 4) 
        {
            result.status = xhr.status;
            result.message = xhr.statusText;
            // timeout is needed since onerror is processed AFTER onreadystatechange
            setTimeout(function() { callback(result) }, 100);
        }
    };

    xhr.open('HEAD', url + "?rand=" + Math.random(), true);
    try
    {
        xhr.send();
    }
    catch(error)
    {
        console.log("This line is never shown");
    }
}

现在的问题是，如果互联网连接正常并且我调用

isOnline("http://www.nonexistentdomain.com", function(result) { console.log(result); });

xhr.onerror 处理程序触发，状态 = 0，在线: false。

如果网络连接断开并且我进行相同的调用，结果是相同的(状态 = 0，在线: false)。

也就是说，似乎无法判断请求的URL或域是否不存在或者网络连接是否已关闭？

虽然抛出了异常(在 Chrome 控制台中看到)，但 xhr.send() 周围的 try-catch block 实际上并未捕获任何异常。

还有代码

navigator.isOnline

即使网络连接未启动，无法使用，Chrome 扩展程序中似乎总是返回 true。

因此，我要么需要一种 100% 可靠的方法来确定 Internet 连接是否已启动，要么需要一种方法来在 XMLHttpRequest 中确定失败是由于网络不可用还是由于域不存在而导致。

如果 XMLHttpRequest 类无法用于确定域是否不存在或网络连接是否已关闭，我可能必须在每个“实际请求”之前检查互联网连接。确认!还使用例如www.google.com 检查它不会做，因为谷歌在许多国家被封锁。 www.microsoft.com 可能没问题，但不知何故我讨厌这个主意。

有什么想法吗？

Answer 1

如果我正确理解了这个问题...您需要区分互联网故障或错误的 dns。

基本上...你不能，嗯...除非向其他地方提出另一个请求。你所知道的只是目的地无法到达。那是因为你实际上无法定义“互联网已关闭”。你如何定义它？如果我无法通过网关，互联网就会瘫痪吗？如果我一个接一个地拥有 2 个 Rooter 怎么办？还是3个？你说:如果我不能超过3个网关，互联网就会瘫痪？那如果我有1000呢？

所以...你最多能做的就是你所说的:向其他事情提出请求。作为 microsoft.com，或 example.net，或其他...您可以提出更多请求，如果所有请求都已关闭，那么您可以说所有请求都已关闭。这让你可以说“如果我无法联系到其中任何一个，那么互联网就断了”。这确实不是 100% 可靠，但可能适合您的需求。

关于无效目的地...同样的问题。目的地可能有效，但由于某种原因您可能无法到达。原因可能包括:dns 未完全传播、路由已关闭等。