美文网首页
移动端H5环境下-返回并刷新页面的交互优化方案

移动端H5环境下-返回并刷新页面的交互优化方案

作者: 产品经理小刘 | 来源:发表于2021-02-01 17:12 被阅读0次

业务场景:h5环境下,h5-A页面跳转到新的一个页面B完成指定的数据交互(如充值,购买会员等),返回后,需要刷新原h5-A页面(获取最新的身份,权限等),获取最新的数据。比如:仅限会员购买的商品,非会员用户进入到页面A后,需要先跳转到B页面购买会员,购买完成后,返回A商品详情页,如果不做刷新,则用户在A页面看到自己还是非会员身份,则会疑惑,再次点击购买,则形成死循环,只能让用户再次退出刷新页面,对于用户而言理解成本极高,体验极差。

技术限制:h5浏览器返回的刷新机制,部分浏览器返回后是不刷新原页面的

解决方案:用户触发的刷新机制;

用户点击前往新页面的时刻,即弹出一个选择弹层,用户点击按钮,自主的进行刷新。

相关文章

  • 移动端H5环境下-返回并刷新页面的交互优化方案

    业务场景:h5环境下,h5-A页面跳转到新的一个页面B完成指定的数据交互(如充值,购买会员等),返回后,需要刷新原...

  • H5下拉刷新和上拉加载实现原理浅析

    在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高,开源社区也有很多类似的解决方案,如iscro...

  • H5下拉刷新和上拉加载实现原理浅析

    原文链接:justrockit.top 前言 在移动端H5网页中,下拉刷新和上拉加载更多数据的交互方式出现频率很高...

  • APP测试的极简Mock方法——Mock服务端接口

    本文适用的场景:在对移动端APP的纯移动端功能或者前端H5页面的纯前端功能进行测试时,服务端接口返回的数据不满足要...

  • meta-viewport

    相关动态REM的文章 移动端高清、多屏适配方案使用Flexible实现手淘H5页面的终端适配 viewport v...

  • H5交互规范

    移动端的H5页面,实际上是基于移动端特性适配的网页,它没有规定的具体的交互规范,但会遵循一些移动端使用的基本特性。...

  • HTML与Android、IOS的JS调用

    前言 近期研究了H5界面与移动端(Android,IOS)的交互方案,记录一下以飨众友。学习小组QQ群: 1937...

  • 移动端如何适配?

    1、使用Flexible实现手淘H5页面的终端适配2、再聊移动端页面的适配3、如何在Vue项目中使用vw实现移动端...

  • WebView 错误页处理

    WebView 错误页加载后刷新回原页面 WebView 与H5 交互

  • js返回上一页

    1、pc端返回上一页: 2、移动端返回上一页:referrer 可以获取返回跳转或打开到当前页面的那个页面。如果用...

网友评论

      本文标题:移动端H5环境下-返回并刷新页面的交互优化方案

      本文链接:https://www.haomeiwen.com/subject/llxstltx.html