微信小程序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'})

猜你喜欢

转载自blog.csdn.net/qq_36229632/article/details/100979754