H5在详细页点返回，返回时列表页停留在原来的位置

bainian 2015-05-13 11:02:24

目前从详细页跳到列表页是用history.back()处理的，在手机自带的浏览器中，点击左上角的放回按钮是可以的，但是当H5在微信、QQ中打开时，点左上角的返回按钮，在列表页就无法定位到之前查看的位置。

我们经常用手机浏览器看新闻，当看到详细页点返回时，会返回到新闻列表原来查看的位置，请问这通过什么方式实现？

...全文

2068 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

码不死你 2016-11-30

打赏
举报

回复

有解决方案么

素太医 2016-11-14

打赏
举报

回复

请问楼主解决了没有，如何解决的呢？

you_xueyang 2015-05-14

打赏
举报

回复

我也遇到类似问题了，帮顶一下，求答案

本文介绍了在uniapp开发H5应用时，如何有效阻止用户回退到特定页面（如登录页或支付页）的方法。作者最初尝试监听返回事件和使用popstate事件，但发现体验不佳。最终通过使用history.replaceState方法，在跳转前替换当前页面的历史记录地址，成功解决了回退问题。这种方法简单有效，适用于需要防止用户回退的场景，提升了用户体验。

文章详细介绍了H5打包成APP后，在Android手机上点击物理返回键直接退出应用的问题及其解决方案。通过创建一个名为app-back-button.js的文件，并在其中添加监听返回键事件的代码，实现了点击返回键时返回上一页而非直接退出应用的功能。代码中还包括了双击返回键退出应用的逻辑，通过时间戳判断用户是否在1秒内连续点击两次返回键。最后，将解决方案文件引入到main.js中，确保功能生效。文章提供了完整的代码示例和实现步骤，帮助开发者快速解决类似问题。

微信内置浏览器在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。 BINGO~ 通过HTML5的history API + 缓存可以做到这一点。执行原理： 1.0、通过history API的 history.pushState或 history.replaceState 保存AJAX状态； 2.0、同时将AJAX获取到的数据缓存起来（可以考虑使用H5的localStorage或sessionstorage）； 3.0、当返回到这个页面时，先获取窗口的

同城家政H5小程序源码.zip

几个404公益页面，一起寻找失踪儿童的公益活动中去

87,991

社区成员

224,687

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章