当前位置: 代码迷 >> 综合 >> iPhone safari浏览器,后退后页页不执行脚本
  详细解决方案

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

热度:5   发布时间:2024-01-21 08:51:30.0
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)">


  相关解决方案