iPhone safari浏览器，后退后页页不执行脚本

最新推荐文章于 2024-06-14 16:34:30 发布

YYCCMMKK

最新推荐文章于 2024-06-14 16:34:30 发布

阅读量6.7k

点赞数

分类专栏：前端JS

本文链接：https://blog.csdn.net/sflf36995800/article/details/54134635

版权

前端JS 专栏收录该内容

35 篇文章 3 订阅

订阅专栏

iPhone safari 后退后，页面不触发 ready事件（私以为DOMContentLoaded事件），后续脚本不执行。
【解决方案】
针对 safari body 注册 onpageshow 事件，判断如果是取的缓存，就刷新页面;

可以使用 PageTransitionEvent 对象的 persisted 属性来判断。如果页面从浏览器的缓存中读取该属性返回 ture，否则返回 false

代码如下

function fixSafari(evt){
    var str=navigator.userAgent;
    var isiPhone=str.indexOf("iPhone")!=-1;
    var isSafari=str.indexOf("Safari")!=-1;
    if(isiPhone&&isSafari){
        evt.persisted&&window.location.reload();
    }
}

<body οnpageshοw="fixSafari(event)">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YYCCMMKK

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
iPhone safari浏览器，后退后页页不执行脚本

iPhone safari 后退后，页面不触发 ready事件（私以为DOMContentLoaded事件），后续脚本不执行。【解决方案】针对 safari body 注册 onpageshow 事件，判断如果是取的缓存，就刷新页面;可以使用 PageTransitionEvent 对象的 persisted 属性来判断。如果页面从浏览器的缓存中读取该属性返回 ture，否则返回
复制链接

扫一扫