微信小程序 关闭webview回到小程序

3,136 阅读1分钟

在小程序内打开webview嵌套的h5页面,有时会出现点击左上角返回,无法返回小程序

1、跳转到固定的H5页面内

引入: 修改wx.minProgram.navigateBack()即可

url内是小程序的页面地址:

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

2、通过微信浏览器监听返回按键和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);
      }
   })