微信小程序的web-view内嵌的h5页面左上角返回按钮监听

我们h5内嵌到小程序的web-view时通常在h5无法感知到用户点击了左上角的web-view容器所在的页面的返回事件。所以我们可以对h5进行全局页面堆栈的监听同时使用代码式的h5返回到小程序的返回api

//使用微信的api从小程序内嵌的h5返回到小程序时需要在index.html引入微信相关sdk
<!-- 微信 JS-SDK  -->
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

//监听h5页面堆栈返回,用于web-view页面小程序左上角的返回按钮事件。安卓原生的左右返回同样会被拦截到
	window.history.pushState(null, null, window.location.hash);
	window.addEventListener("popstate", function (e) {
			window.history.pushState(null, null, window.location.hash);
			// alert("拦截");//这里可以进行你的业务处理
			//使用微信的返回api到小程序，可以解决安卓原生的左右返回被拦截的情况
			jWeixin.miniProgram.navigateBack()
	  })