解决h5页面放在app里面，location.replace不能使用的解决方案

最新推荐文章于 2024-08-30 17:31:18 发布

负者歌于途，

最新推荐文章于 2024-08-30 17:31:18 发布

阅读量6.9k

点赞数 1

分类专栏：找工作去吧文章标签： js

本文链接：https://blog.youkuaiyun.com/qq_36893984/article/details/109773951

版权

找工作去吧专栏收录该内容

16 篇文章

订阅专栏

现在的需求是，app里面嵌套的是同一个页面，然后需要根据不同的地区展示其他的页面，直接是通过 locaion.replace() 跳转不同的页面，然后很简单的就实现了

但是现在的问题就是有些app里面不支持replace的方法，虽然可以跳转，但是没有覆盖上一个页面，导致返回的时候还是返回到上一个页面，然后继续跳转倒要跳转的页面，用户体验极差。

首先是第一种解决方案：

在跳转的时候往本地缓存一个标识符：（nowtime是每一次进入当前页面url后面带的时间戳，currenDate是当前日期）
sessionStorage.setItem('backkkk' + serachObject.nowtime + currentDate,'1') 
然后在页面的开始加入这个缓存的判断：
 let kkk = sessionStorage.getItem('backkkk' + serachObject.nowtime + currentDate) || ''

            if (kkk == '1') {
                window.history.back()
                return
            }
问题解决、

这个解决的基础是，你进入这个要跳转页面之前，是有页面的，你才可以返回上一个页面，但是现在遇到的情况是，在app里面的webview入口文件就是要跳转的页面，使用history.back()是不会生效的，所以才有了下面的决绝方案：

history.replaceState(null, null, 'http://51youxi66.top/static/web/baselist/home.html?hid=259')
window.location.reload()

这个就是使用replaceState 修改当前页面的url，这个是静态的，不会更新当前页面，所以下面加了一个刷新页面，然后试了是可以了，需要注意的是，必须保证跳转页和要跳转的页面在同一个域名。

两种方法都可以解决，但是都有各自的限制，如果有什么更好的解决方法，欢迎指点。