移动 Safari 后退按钮 [重复]

Question

这个问题在这里已经有了答案：

单击后退按钮时防止从缓存加载 safari （8 个答案）

3年前关闭。

我发现的问题与这个问题非常相似，只是桌面上的 Safari 似乎已经解决了这个问题。 本质上，问题是这样的：当客户端在移动 safari 上浏览并且页面在pageA.html上执行 javascript 函数，然后导航到pageB.html ，然后按后退按钮返回pageA.html ，javascript 函数当客户端按下后退按钮返回pageA.html时不会运行。 它将跳过 javascript 调用。

我已经尝试了上面链接中提到的解决方案，但似乎对移动 Safari 没有任何作用。 有没有其他人遇到过这个错误？ 你是怎么处理的呢？

Answer 1

这是由back-forward cache引起的。 当用户导航离开时，它应该保存页面的完整状态。 当用户使用后退按钮向后导航时，可以非常快速地从缓存中加载页面。 这与仅缓存 HTML 代码的普通缓存不同。

当为 bfcache 加载页面时，不会触发onload事件。 相反，您可以检查onpageshow事件的persisted属性。 它在初始页面加载时设置为 false。 当页面从 bfcache 加载时，它被设置为 true。

window.onpageshow = function(event) {
    if (event.persisted) {
        alert("From back / forward cache.");
    }
};

出于某种原因，jQuery 在事件中没有这个属性。 你可以从原始事件中找到它。

$(window).bind("pageshow", function(event) {
    if (event.originalEvent.persisted) {
      alert("From back / forward cache.");
    }
});

这些问题的快速解决方案是在按下后退按钮时重新加载页面。 然而，这抵消了向后/向前缓存带来的任何积极影响。

window.onpageshow = function(event) {
    if (event.persisted) {
        window.location.reload() 
    }
};

作为旁注，您可以看到许多页面提供使用空的onunload处理程序作为解决方案。 这从 iOS5 开始就没有用了。

$(window).bind("unload", function() { });