微信小程序 webview直接关闭所有回到小程序

原创

成都阿信 2022-05-05 14:51:47 ©著作权

文章标签 小程序 h5 webview 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者成都阿信的原创作品，请联系作者获取转载授权，否则将追究法律责任

答案：首先要引入最新版的jweixin-1.3.2.js，然后

wx.miniProgram.navigateTo({
  url: '/pages/login/login' + '$params'
})



参考地址：https://github.com/yisainan/web-interview/issues/1054


方案二：

最近在做小程序的时候发现小程序进入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);
            }
        })