解决小程序中webview页面多层history返回问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决小程序中webview页面多层history返回问题相关的知识,希望对你有一定的参考价值。

参考技术A 小程序开发中遇到的问题:小程序中嵌套了一个webview页面,webview页面中有静默授权(A1页面静默授权后重定向到A2页面),点小程序原生的返回按钮会返回到A1页面,然后页面就会反复静默授权

解决方案:通过 history.pushState 添加历史记录名目, history.onpopstate 监听历史记录条目发生变化时,调用小程序 APIwx.navigateBack

刚开始想的解决办法是用localStorage,跳转到A2时存储一个值,返回到A1时获取这个值,如果有值就清除这个值并且回退到小程序页面。听起来似乎也可行,但小程序的缓存和微信的缓存是同步的,如果在微信环境中直接访问A1页面,重定向到A2会存值,如果直接关闭页面,不会被清除,那么在小程序中访问时就直接回退了。

文章转自微信社区
解决小程序中webview页面多层history返回问题

以上是关于解决小程序中webview页面多层history返回问题的主要内容,如果未能解决你的问题,请参考以下文章

关于小程序webview加载H5页面出现的问题

小程序webview 页面被放大_WebView显示的网页在大分辨率屏下被放大--解决方案

小程序webview 页面被放大_WebView显示的网页在大分辨率屏下被放大--解决方案

微信小程序 webview缓存

微信小程序webview的缓存问题

小程序webview调用微信扫一扫的“曲折”思路