由于在小程序和APP需要复用一套页面,所以使用h5嵌套在各种平台上
小程序中,当跳转Webview页面时,可以明显感到刷新两次
并且在h5回退到小程序中,他会卸载页面返回上一个同样的页面 也就造成了我们回退小程序返回两次
这样对用户体验并不友好
在小程序中可以这样解决
Taro使用:
在webview的页面中
{this.state.access_token && <WebView src={this.state.url && this.state.url } onLoad={() => this.onLoad()}></WebView>}
//可以把url当作变量 并且判断有无变量再链接到外部。视业务而定
接下来
在H5页面中,当我们卸载当前页面时,需要执行
window.onunload = function () {
wx.miniProgram.navigateBack({});
};
这里注意的是,我们需要引入wx-jssdk才能使用微信的开放接口
然后重新编译项目或者刷新就可以正常回退了