关于IOS系统,H5页面操作history.go(n)回退页面时不会刷新页面数据的问题
关于IOS系统 H5页面操作history.go(n)回退页面时不会刷新页面数据的问题
在我们从操作h5页面时,离开当前页面后,在使用返回键或者history.go(n)再次回到页面,有时是需要刷新当前页面数据的,例如购买会员或是保存表单;IOS系统在回退页面时列表页并不会改变,所以要在需要该操作的页面加入以下代码,亲测有效
$(function () {var isPageHide = false;window.addEventListener('pageshow', function () {if (isPageHide) {window.location.reload();}});window.addEventListener('pagehide', function () {isPageHide = true;});
})
vue项目下可以再页面初始化函数中使用 例如 onShow方法
onShow() {//兼容苹果手机var isPage=false;window.addEventListener('pageshow', function () {if (isPage) { window.location.reload(); }});window.addEventListener('pagehide', function () { isPage =true;});},
转自链接: https://www.jb51.net/article/114233.htm.
关于IOS系统,H5页面操作history.go(n)回退页面时不会刷新页面数据的问题相关推荐
- js 刷新页面但是不闪烁_前端开发还在手动刷新页面？手把手教你搭建一个自动刷新工具...
作为一名前端,开发web页面是我们的本职工作.在完成一个页面开发的过程中,保存代码然后手动刷新页面查看效果,这样的动作需要重复无数次,虽然一次这样的动作可能只要花费几秒钟的时间,但是次数多了也挺浪费时 ...
- [html] From表单提交时为什么会刷新页面？怎么预防刷新？
[html] From表单提交时为什么会刷新页面?怎么预防刷新? 因为早期网页交互模型只能是浏览器提交数据给服务器,服务器做出响应重新返回一个页面,浏览器加载这个页面进行显示.早期前端没有编程式发送网 ...
- [vue-cli]在使用vue-cli开发vue项目时，自动刷新页面的原理你了解吗？
[vue-cli]在使用vue-cli开发vue项目时,自动刷新页面的原理你了解吗? 自动刷新页面并不是vue-cli的功能,而是webpack的hot-module-replacement-plug ...
- jquery的sortable拖拽排序问题，在页面上多次拖拽保存顺序之后，刷新页面，排序出现紊乱
一.前言 这篇博客是因为我在做完拖拽保存之后,测试多次拖拽,然后刷新页面,发现保存的顺序出来紊乱.这就很无奈了啊,打印各项数据才发现,因为保存用的是ajax的方式,所以页面上的列表序号是固定的,比如列 ...
- 快速刷新页面ajax出现404,react使用BrowserRouter打包后，刷新页面出现404
nginx nginx.conf server { listen 80 default_server; server_name /var/www/example.com; root /var/www/ ...
- 【异常】IOS系统 H5 Https请求后端，速度不稳定，很慢。OCSP域名无法访问的问题
事件由来 如果最近发现iOS APP打开h5非常慢,达到5秒以上,而安卓又正常,如果刚好你又是使用了Let's Encrypt 的免费SSL服务,恭喜你,你可能是一位运营商干扰的受害者. 原因: 近期 ...
- html怎样同框架页面内跳转,使用iframe框架时，实现子页面内跳转到整个页面，而不是在子页面内跳转...
首先先来描述一下我所遇到的问题,我在一个首页的index.jsp页面中用到了iframe框架,见下图 在iframe中引入jsp页面的路径,是几个iframe框架组合成的一个完整的页面,但是他们的存在 ...
- 取消ajax请求时页面闪烁,用Ajax+js+jQuery实现无闪烁定时刷新页面
你好你说的是轮询拉去服务端的信息,先说思路,那就是在前端用 js setInterval 函数每隔30秒时间请求一次 通知结果然后返回给 前端 html 标签 实现无刷新 更新通知,我想本网站跟知乎的 ...
- vue+h5微信公众号ios系统底部导航栏处理
源码不是我开发的,但是目前由我维护的一个公众号项目: 当时看到发布的任务描述以及优先级的时候,说实话有点懵,第一反应是有什么功能有啥问题,因为我用的华为手机,不会出现下面的回退前进导航栏,在微信开发者 ...
最新文章
- CentOS7（64位）安装NVIDIA显卡驱动和CUDA8.0
- 科普丨莫拉维克悖论（人工智能中最重要的发现之一）
- Quartz框架中的Listener
- sql：CallableStatement执行存储过程
- java spring注入 静态方法_java相关：spring为类的静态属性实现注入实例方法
- 大佬为何可以把单片机描述得如此形象生动？
- python抓取gb2312/gbk编码网页乱码问题
- 征集公开课内容的建议
- linux方向键ascii_Linux
- 【RS3精简版】月伴流星LiteWin10_Pro_(RS3_16299.19)精简专业版x86/x64合集2017.11
- 单尺度Retinex算法学习
- uc/os-II的内存改进与实现TLSF算法的详解，移植实现（三）
- 地球上最厉害的字体：Helvetica
- 教你炒股票28:回复(一)
- 私活必备11个免费后台管理系统模板
- Mac 清理存储空间
- 分享一份适合程序员的LaTex版本个人简历
- 抓取 google 搜索结果
- 小而美的LBS应用龙门阵——成都开发者沙龙
- Windows与macOS水火不容？有了它一切搞定