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

来源:互联网 发布:我的女神知乎 编辑:程序博客网 时间:2024/06/05 02:48
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)">


0 0