如何跨浏览器检测线上/线下事件？

javascript jquery jquery-events offline network-connection

2022-08-30 05:26:25

我试图使用HTML5在线和离线事件准确检测浏览器何时脱机。

这是我的代码：

<script>
    // FIREFOX
    $(window).bind("online", applicationBackOnline); 
    $(window).bind("offline", applicationOffline);

    //IE
    window.onload = function() {
        document.body.ononline = IeConnectionEvent;
        document.body.onoffline = IeConnectionEvent;
    } 
</script>

当我在Firefox或IE上点击“离线工作”时，它可以正常工作，但是当我实际拔下电线时，它有点随机工作。

检测此更改的最佳方法是什么？我想避免重复带有超时的ajax调用。

答案 1

目前在2011年，各种浏览器供应商无法就如何定义离线达成一致。一些浏览器具有脱机工作功能，它们将其视为与缺乏网络访问分开的，这同样与Internet访问不同。整个事情是一团糟。某些浏览器供应商会在实际网络访问权限丢失时更新 navigator.onLine 标志，而其他浏览器供应商则不会。

从规格：

如果用户代理肯定处于脱机状态（与网络断开连接），则返回 false。如果用户代理可能处于联机状态，则返回 true。

当此属性的值更改时，将触发联机和脱机事件。

如果用户代理在用户点击链接或脚本请求远程页面（或知道此类尝试将失败）时不会联系网络，则 navigator.onLine 属性必须返回 false，否则必须返回 true。

最后，规范指出：