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

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 onpageshow="fixSafari(event)">


猜你喜欢

转载自blog.csdn.net/sflf36995800/article/details/54134635