webview中的页面返回微信小程序中

在webview页面中怎么返回微信小程序中

首先要引入最新版的jweixin-1.3.2.js,通过微信浏览器监听返回按键和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'})

猜你喜欢