ios手机上 h5页面返回后不刷新问题

在开发中遇到的两种情况

1.第一种是因为app内嵌页面。在A页面里会有一个按钮跳转到B页面选择医生，当选择完再跳转回来A。这样重复多次后，再次点击A页面的返回后就还是返回到了B而不是app的页面。原因就是因为浏览器的访问记录问题。

所以解决这个问题的时候，我选择了把值存储起来，然后在用window.history.back()进行返回这样就会把这个记录去掉。在安卓是可以的，但是ios获取不到值。用document.referrer这个还是会有记录。

2.第二种是因为A页面有个按钮点击是跳转到外链C，然后当跳转过一次之后再返回就要启动A页面的自动跳转B的机制。所以我在A第一次点击按钮跳转C的时候自动更改当前的链接，然后在进行跳转。这样在从外链返回的时候是可以在链接中获取到状态值来判断我是显示过外链了所以就直接启动自动跳转B。

以上的方式都是在安卓可以，ios不行，原因就是因为ios不刷新。所以在ios的时候来监听，进行刷新

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

ios手机上 h5页面返回后不刷新问题相关推荐

uni-app应用中控制webview的H5页面返回
在uni-app中使用了webview之后, 由于项目完全由app内嵌h5完成, 所以无法控制app的物理返回键: 要实现这个功能,最主要的是完成应用与H5 的通讯问题. 1.H5向应用发送消息首先 ...
h5适配华为手机_手机端H5页面适配踩坑
这两天在公司做手机端H5页面,第一次开发没什么经验,对rem, pt, ppi, dpr这些概念完全不懂,看了很多博客,现总结如下. 对于不同像素宽度的手机,如何做到每一个元素自动缩放? rem: f ...
h5页面返回到微信首页
h5页面返回到微信首页等同于关闭当前打开页面使用微信内置WeixinJSBridge.call直接关闭 setTimeout(function() {//这个可以关闭安卓系统的手机document. ...
filter在ios不兼容 js_jq的animate属性不支持transform 和 ios手机上box-shadow兼容性问题和...
一.jq的animate属性不支持transform 解决方法,用jq的插件jquery.transit.js $('#pano').children().children().transition( ...
el-select 在iOS手机上，无法唤起软键盘以及二次点击问题
问题 element UI 中有一个el-select组件.我们经常用它来实现下拉框功能. 但是在手机上使用时,发现iOS手机上,该组件无法唤起软键盘. 主要是因为组件中,input上有一个read ...
window使用chrome调试ios设备的H5页面（Safari和APP）
window使用chrome调试ios设备的H5页面(Safari和APP) 1:用管理员身份打开PowerShell,不同操作系统打开方式不太一样,win10的话在搜索栏搜索就能找到( 2:查看Po ...
IOS系统中H5页面实现摇一摇功能
公司准备开年会了,年会活动用了一套别人的系统,根据测试,有些游戏的摇一摇功能在IOS上无法使用,为了修复该功能,踩了一些坑,特此记录如下: 1. 因为IOS系统的安全要求,项目必须是在https的域名 ...
【一句话调用】h5页面返回缓存如js加载列表页点击进入详情页，返回后刷新的问题和无法定位问题 html 返回定位
在做html5开发时,经常会碰到从列表页跳转到详情页,然后在点击返回或者手机手势返回后,列表内容刷新且无法定位到点击的位置,尤其包含列表加列表的情况问题尤其明显. 解决办法如下: 1.vue的组件切 ...
手机端页面返回后如何自动刷新
开发手机网站的时候,我们有可能在列表页进入详情页,修改一些东西,然后返回到列表页.但是这时候列表页并不会自动刷新,这时可以这样做: 完整用法 setInterval(() => {if (per ...

ios手机上 h5页面返回后不刷新问题

ios手机上 h5页面返回后不刷新问题相关推荐

最新文章

热门文章