微信小程序webview打开页面返回问题

最近在做小程序的时候发现小程序进入webview页面里,在webview页面里有时会出现点击左上角返回,无法返回小程序。

解决思路:通过微信浏览器监听返回按键和H5跳转小程序的方法。

在webview嵌入的H5首页监听微信返回按键,直接从H5页面中去跳转到小程序内;

//方法

<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

$(function() {
            pushHistory();
            window.addEventListener("popstate", function(e) {
                //首页点击返回,直接关闭网页
                WeixinJSBridge.call('closeWindow');
                wx.miniProgram.navigateBack();//返回 

            }, false);
            function pushHistory() {
                var state = {
                    title: "title",
                    url: "#"
                };
                window.history.pushState(state, state.title, state.url);
            }
        })

还有一种方式是跳转到固定的H5页面内,修改wx.minProgram.navigateBack()即可,url内是小程序的页面地址

 wx.miniProgram.navigateTo({url: '/path/to/page'})

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值