小程序和h5相互跳转遇到的坑

:一、小程序跳转到h5

1、小程序跳转到h5触发方法：

（1）点击按钮：

toh5(){

wx.navigateTo({

      url: "urltest",//urltest是你要承载h5内容的页面，是你本地的小程序页面

    })

}

（2）标签触发跳转：

<navigator url="urltest" ></navigator>//urltest同上 

2、urltest页面内容：

<web-view src='https:xxxxxx'></web-view>//src就是你要跳转的页面的地址（注意https）

二、H5页面返回小程序

页面引入js：<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

h5页面点击跳转方法：wx.miniProgram.navigateTo({url: 'xxxx'}) //xxxx为跳回小程序需要显示的页面路径

坑来了：作者的项目是tabBar页面，如下：

点击之后跳转到web-view页面，正常，结果返回的时候死活回不来，各种尝试，最后发现是页面跳转的问题：在小程序里跳转到tabBar页面需要用wx.switchTab,但是h5回跳用的是navigateTo，所以无法完成回跳，作者的解决办法是写了个中间页，从h5返回的时候先去中间页再从中间页wx.switchTab到tabBar页，算是迂回实现了。再一个：作者的web-view页面头部带了返回按钮（因为是navigateTo跳转过来的）点击那个返回也能回到tabBar页，不知道咋回事。。。各位如果有更好的实现方法可以留言哈。