iOS 7.1.1 Safari 浏览器弄乱了在线/离线状态

Question

我对设计用于多种浏览器的网页进行了跨浏览器在线/离线测试。它适用于免费指标:

• 窗口事件监听器
• document.body 上的事件监听器
• 轮询 navigator.onLine 变量

http://jsfiddle.net/3mMfG/

window.addEventListener("online", function() {
    document.getElementById('test1').innerHTML = "online";
}, false);

window.addEventListener("offline", function() {
    document.getElementById('test1').innerHTML = "OFFLINE";
}, false);


document.body.ononline = function() {
    document.getElementById('test2').innerHTML = "online";
};
document.body.onoffline = function() {
    document.getElementById('test2').innerHTML = "OFFLINE";
};


setInterval(function () {
    if (navigator && navigator.onLine) 
        document.getElementById('test3').innerHTML = "online";
    else
        document.getElementById('test3').innerHTML = "OFFLINE";
}, 500);

我在多个 iOS、Android 或笔记本电脑浏览器上成功地使用了这段代码。

在特定的 iOS 7.1.1 设备上它不起作用。我已经在其他 iOS 7.1.1 设备上成功测试了它，但在这个特定的设备上，当离线时，几秒后 (~5) 所有指示器都返回“在线”。

我已经在多台设备上进行了测试，但只能在这台设备上重现问题。我使用“飞行保存模式”按钮将其离线，不允许使用 wifi 或蓝牙，但几秒钟后，在线事件在浏览器中触发，navigator.onLine 变量变为 true...奇怪...

如果您对正在发生的事情有任何线索，我很乐意与您交流。

如果您使用您的设备测试该页面，请不要犹豫，发表评论让我知道它是否适用于您的设备。谢谢

Answer 1

在 iOS 设置应用程序中重置网络设置纠正了此行为...