您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

移动Safari后退按钮[重复]

移动Safari后退按钮[重复]

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

为bfcache加载页面时,onload不会触发事件。相反,您可以检查事件的persisted属性onpageshow。初始页面加载时将其设置为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() { });
其他 2022/1/1 18:15:35 有450人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶