1

我有以下侦听器来检查用户是否有活动的互联网连接：

$(function() {  
$( window ).bind(
        "online offline",
        function( event ){
          console.log("-------------------window bind------------------------------");
            if(hasInternets()){
                console.log("window bind online---------------------------------------------");
                sendAllPendingData();
            }else {
                console.log("window bind offline--------------------------------------------");
            }
        }
        );


});

function hasInternets() {
    console.log("hasInternets: " + window.location.href.split("?")[0] + "?" + Math.random());
    var s = $.ajax({ 
        type: "HEAD",
        url: window.location.href.split("?")[0] + "?" + Math.random(),
        async: false
    }).status;
        console.log("s: " +s);
    //thx http://www.louisremi.com/2011/04/22/navigator-online-alternative-serverreachable/ 
    return s >= 200 && s < 300 || s === 304;
}

它在我的笔记本电脑上运行良好。我不确定它在其他机器和设备上是否正常工作。我对这些东西不熟悉。因此，如果有人可以提供建议，我将不胜感激。顺便说一句，在我做研究的时候，我在 jquery 插件上偶然发现了这个 TrueOnline，有人试过吗？ http://archive.plugins.jquery.com/project/trueonline

谢谢。

4

1 回答 1

0

online&事件是 HTML5的offline一部分，因此不适用于旧版浏览器。

要支持这些浏览器，您应该hasInternets()定期启动（例如 via setInterval），并根据响应是否成功做出相应的响应。

您也可能知道window.navigator.onLine，但请注意浏览器变体/错误的数量惊人；所以这是我会尽量避免的属性。

于 2012-07-18T09:07:17.620 回答