解决前端ios设备嵌套的H5页面，点击后退按钮，页面存在缓存，不刷新

var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;  //判断ios设备
if (browserRule.test(navigator.userAgent)) {window.onpageshow = function(event) {if (event.persisted) {window.location.reload()}};
}

onpageshow是页面显示的时候会触发的事件，persisted标记页面是来自缓存还是服务器。
event.persisted 判断是否从缓存里读取页面，第一次加载时是false 返回后加载页面时是true（因为从缓存读取的，此时重新加载一边页面）；
jQuery方法：
$(window).bind(‘pageshow’,function(e){
if(e.originalEvent.persisted){
window.location.reload()
}
})

解决前端ios设备嵌套的H5页面，点击后退按钮，页面存在缓存，不刷新相关推荐

ios点击推送闪退_苹果应用闪退是什么原因？如何解决进行ios签名后的苹果应用闪退问题？...
相信很多使用手机APP的用户都曾经遇到过闪退的问题. 闪退就是指打开APP后突然会出现一闪然后退出.或者是需要重新登录的现象. 苹果应用闪退的原因: 首先有可能是系统兼容的问题.比如你的系统已经升级了 ...
js判断用户是否点击后退按钮进入的页面
比如A页面里有一个立即支付按钮,点击后唤醒微信支付,接着用户输入支付密码,支付成功后跳转到产品页,此时用户点击浏览器的后退按钮,又会回到A页面,可用下方代码替用户刷新一次,以除后患 if(window ...
h5 nan_h5页面在不同ios设备上的问题总结
最近在写嵌入到小程序webview的一个h5页面,是一个文章评论的功能,这个过程中,遇到很多兼容性的问题,在不同机型上的表现也很不一致,所以总结了以下这些问题,记录下来,以便以后查看. 1.日期问题 ...
解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后，页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
window使用chrome调试ios设备的H5页面（Safari和APP）
window使用chrome调试ios设备的H5页面(Safari和APP) 1:用管理员身份打开PowerShell,不同操作系统打开方式不太一样,win10的话在搜索栏搜索就能找到( 2:查看Po ...
解决iOS设备屏幕切换时页面造成的问题
环境:IOS6~7 Safari 问题:iOS设备屏幕切换时可能会造成屏幕变大,出现左右间距等问题解决方法: 头部加入 <meta name = "viewport" co ...
iframe页面里的链接在ios设备无法点击的解决办法
2019独角兽企业重金招聘Python工程师标准>>> iframe页面,在ios设备浏览器里,滚动后,原来被隐藏的按钮或链接均无法点击,一点击就弹回左上角,可以用下面的方法修正这个 ...
h5 默认为移动端页面_20条移动前端H5页面开发规范，h5开发必看文档
这是根据腾讯最新公布的<移动页面用户行为报告>来给大家分享的关于移动端H5页面开发一些20条规范和准则.里面大概包含了16种用户操作习惯和注意点. 下面25学堂跟大家先分享一张关于2016 ...
m3u8 video ios h5_移动端H5页面踩坑记
移动端H5页面踩坑记移动端的样式问题「1. 安卓 font-weight:700;以上才被认为是加粗.」「2. border 在 1px 以内是不被安卓识别的一些 0.5px 的下划线怎么搞?」 ...

解决前端ios设备嵌套的H5页面，点击后退按钮，页面存在缓存，不刷新

解决前端ios设备嵌套的H5页面，点击后退按钮，页面存在缓存，不刷新相关推荐

最新文章

热门文章