H5页面在IOS后退不刷新的解决方法

最新推荐文章于 2024-03-05 09:07:45 发布
最新推荐文章于 2024-03-05 09:07:45 发布
阅读量4.9k 收藏 4
点赞数 4
分类专栏： 微信 文章标签： H5 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wplblog/article/details/81016203
版权 
//将此段代码放入页面即可
<script>
    var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/;
    if (browserRule.test(navigator.userAgent)) {
        window.onpageshow = function(event) {
            if (event.persisted) {
                window.location.reload()
            }
        };
    }
</script>

Super乐
关注
专栏目录
关于H5中返回不生效的问题
ZQD的博客
06-22 2607
在H5中使用window.history.go(-1);不能生效 如果app中内置h5的跳转页面，当在其中使用window.history.go(-1)时，并不能返回 可以使用解决 location.href = document.referrer; 关于document.referrer 获取前一页面的URL地址的方法：document.referrer referrer 属性可返回载入当前文档的文档的 URL, 如果当前文档不是通过超链接访问的，那么当前文档的URL为NULL，这个属性允
微信h5页面返回时ios不刷新页面解决方案
沉迷学习 日渐消瘦
01-10 3699
在做微信h5页面的时候，我们需要返回时刷新前一个页面的数据，比如在页面A点击支付按钮跳转到页面B，从页面B返回时要获取当前订单的支付状态防止重复支付。 在安卓手机上不会有困扰，因为安卓手机在微信h5中返回都会刷新页面，而由于ios手机上的微信webView版本的问题，返回时会直接从缓存中拿而不会刷新页面。 解决这一问题想到了vue-router，vue-router不就是有路由钩子吗？它主要用的h...
《H5 App开发》H5页面在IOS后退不刷新的解决方法
weixin_34417200的博客
11-19 757
//将此段代码放入需要刷新的页面即可 var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/; if (browserRule.test(navigator.userAgent)) { window.onpageshow = function(event) { if (event.persisted) ...
苹果IOS出现window.location.href跳转不生效问题，可以尝试HTML转跳
牧人
10-23 4187
苹果IOS浏览器登录不转跳问题，可以尝试HTML转跳 $('body').append('<meta http-equiv="refresh" content="1;url=https://www.baidu.com/">');
微信页面里iphone点返回不刷新问题
Baby_加油_的博客
01-09 6400
> 1.问题描述： 微信开发的时候，在公众号菜单中打开一个H5页面(如：分享的视频详情页面)，微信授权登录有跳转操作，点击左上角的返回按钮，(由于本页面第一次进来的时候没有加载完就发生了自身页面的跳转)，发现会出现卡死的情况。 解决方式1：微信页面里iphone点返回进行刷新操作 $(function() { pushHistory(); window.addE...
h5在iOS上，回退页面，出现白屏，滑动页面，页面正常展示
sinat_39049092的博客
01-19 1376
问题：h5在iOS上，回退页面，出现白屏，滑动页面，页面正常展示 scrollRestoration 描述：h5在ios上，第一个页面超过一屏，点击进入第二个页面，第二个页面滑动超过一屏时，返回第一个页面时，第一个屏幕有一块白的盖在上面，滑动页面，白屏消失，页面正常展示。这块白的是第二个页面滚动的部分，盖在第一个屏幕上了。 解决方法：window.history.scrollRestoration会记录上一个页面滚动的位置。 值：auto,将恢复用户已滚动到的页面上的位置; manual,未还原页上的位置。
解决IOS中H5页面返回历史页页面不刷新问题
weixin_43639981的博客
06-03 1679
目前找到的有两种方式解决这种问题 1. 使用onpageshow事件，监听该事件，代码来源解决微信端ios返回页面不刷新的问题，目前该方法我测试可用 目前该种情况主要出现在IOS新升级的系统13.5 发现了该种情况（12目前没有发现该种情况），使用window.history.back(-1)，返回历史页面，页面不刷新。目前该方法已测试，代码如下： window.onload = function () { var isPageHide = false; // 页面加载（是没有刷新页面的，跟页面刷新有着
ios跳转页面回退不刷新问题&&解决方案
LYFlied的博客
06-17 2833
文章目录问题分析解决方案 问题 用react开发的H5项目在移动端中遇到了兼容性的问题： 在页面a，点击提交按钮后，按钮状态置灰，并跳转到页面b，再从b页面退回到a页面， 在Android手机中没有问题，a页面正常显示。 在IOS手机中，a页面的提交按钮仍然是置灰状态，不可点击。 分析 Android： 跳转路由再回来后触发了页面刷新，触发componentDidMount等生命周期，按钮状态刷新，重新变为了可点击状态。 ios: 跳转路由再回来，不会触发页面刷新，也不会触发componentDidMoun
html ios返回后刷新页面,Ios中微信页面返回上一页去除缓存几种常见思路
weixin_33880392的博客
06-05 1003
前言这篇文章和第，。年过事工宗据指数遍互业经搞断果会主要讲解决思路，不对各种概念进行抖要支圈者器说是事天开的。年后编定功口小发还应久剑过多讲解。问题描述开发微信H5页面的时候，在Ios微信内置浏览器中点击返回按钮返回上一页时，上一页面不会被刷新。在浏览器缓存机制中，在返回上一页的操作中， html/js/css/接口等动静态资源不会重新请求，但是js会重新加载。但在Ios微信页面中js也会保存上一...
iOS微信浏览器回退不刷新实例(监听浏览器回退事件)
01-03
iOS在微信浏览器回退是不重新加载页面的，有些时候是需要重新加载的，所以需要监听回退事件 $(function(){ pushHistory(); }); function pushHistory(){ window.addEventListener(popstate, function(e){ alert&...
如何解决h5版本升级后浏览器页面缓存刷新的问题
最新发布
Serena_tz的博客
03-05 1355
使用Service Worker：Service Worker是一种在浏览器后台运行的脚本，可以拦截和处理网络请求。通过在Service Worker中监听页面更新的事件，可以在页面更新时强制刷新缓存，确保用户获取到最新的版本。当版本号发生变化时，浏览器会重新下载最新的文件，从而避免使用旧的缓存文件。这样可以告诉浏览器不要缓存该页面，每次都从服务器重新获取最新的版本。
h5 返回到之前的页面几种方法
热门推荐
冉然的博客
03-23 2万+
1、返回上一页,不刷新history.htmlwindow.history.go(-1); javascript:window.history.go(-1)2、返回上一页并刷新页面avascript:location.replace(this.href);event.returnValue=false;3、返回上一页并刷新self.location=document.referrer4、返回上一页...
屏蔽html后退功能
rosten的专栏
04-16 4799
在使用ajax过程中，如果在登录页面使用window.location.href功能，会发现进入到主页面后如果用户初始状态没使用焦点定位，在用户误操作（backspace键）时，会自动退回到登录页面。 解决方法：更换window.location.href为 window.location.replace(url);即可
ios的一些兼容问题
weixin_47970860的博客
08-11 152
ios的一些兼容问题 new Date(‘2020-8-11’)这个写法在ios里面不能创建一个Date对象，要改成new Date(‘2020/8/11’) vue 里面ios图片识别二维码会有小概率识别不出来，需要把图片尺寸调大一些，然后加上location.replace(location.href)刷新页面。 ...
解决ios设备浏览器页面回退但内容不刷新导致的问题
哼
08-01 1038
项目是一个php前后端不分离项目，分为移动端和pc端，但用的基本是一套代码，在每个页面中调用判断当前是否为移动端的函数去动态的加载pc或移动端所需的css、js和dom结构代码。：今天碰到的提测的一个bug是：设备在操作部分页面后点击浏览器后退按钮，会直接显示pc端的样式，需手动刷新页面才显示移动端样式，用户交互体验差。：经过排查后发现，只有ios设备在用浏览器浏览的时候会出现以上问题，用微信内置浏览器查看没有上述问题，安卓设备也没有上述问题。
解决ios端返回上一个页面不刷新页面的问题
web那些事
05-05 1万+
javascript返回上一个页面也许你会立马想到几种方案： 1.<a href="javascript:history.go(-1)">返回上一页</a> 2.<a href="javascript" onclick="history.back(); ">返回上一页</a> 3.<a href="javascript:" onclic...
ios 页面后退不重新刷新页面问题
qq_32421489的博客
07-13 1059
使用history.go(-1)回退页面，结果页面不刷新，处理过的数据还留在页面上，容易出现二次处理报错的问题。 安卓是没有问题的。 使用此方法可以解决加载问题。不限于ios或者android.只要页面显示就可以使用此方法。 ``` window .addEventListener('pageshow',function(e){ // 通过persisted属性判断是否存在 BF Cache if(e.persisted) { location.reload(); ...
关于IOS系统,H5页面操作history.go(n)回退页面时不会刷新页面数据的问题
weixin_42700654的博客
10-29 1654
关于IOS系统 H5页面操作history.go(n)回退页面时不会刷新页面数据的问题 在我们从操作h5页面时,离开当前页面后,在使用返回键或者history.go(n)再次回到页面,有时是需要刷新当前页面数据的,例如购买会员或是保存表单;IOS系统在回退页面时列表页并不会改变,所以要在需要该操作的页面加入以下代码,亲测有效 $(function () { var isPageHide = false; window.addEventListener('pageshow', function ()
解决H5在iOS下拉刷新弹簧效果的封装方法
"这篇文章主要探讨了在H5页面中如何封装下拉刷新功能，特别是针对原生Android和iOS系统的兼容性问题。作者指出，在iOS设备上，下拉时出现的弹簧效果会给前端开发者带来额外的挑战。为了克服这个问题，作者分享了一个...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值