javascript - iPad 在 JavaScript 中刷新后崩溃

Question

我有一个网站，在 $(window).width() > 1000px 时正在 JavaScript 中重新加载并将其更改为 $(window).width() <= 1000px 后

我只想在移动和桌面 View 之间切换后重新加载页面。

在 iPad 4 (iOS 10.3) 上更改方向几次后 - 浏览器显示出现问题并重新加载页面。 iPad 陷入了重新加载的无限循环，这不是由我的脚本造成的，而是由 Safari 造成的。

$(window).resize(function() {        
    if($(window).width()>mobileBreak) {
        if(device==='mobile') {  
            setTimeout(function() {
                refresh();
            },200);
        }
    }
    else {
        if(device==='desktop')  
            setTimeout(function() {
                refresh();
            }, 200);      
        }          
    }
});

function refresh() {
    window.location.reload();
}

当然，在开始时我会检查$(window).width()并设置变量 device .

它在 PC 上运行良好，但在装有 IOS 的平板电脑上运行不佳。

不要问我为什么每次 View 更改时都必须重新加载页面。我只得这么做。

Answer 1

我找到了问题的答案!当我刷新方向更改页面时 - Safari 认为这是某种循环并显示错误。我添加了隐藏表单，每次更改方向时，我都会在此表单内设置输入的随机值并将 POST 发送到当前位置。它工作得很棒，没有错误，没有问题!也许这会帮助将来遇到这个问题的人。