/** *监听浏览器的后退事件 *场景:苹果微信浏览器后退按钮 */ function winBack(){ window.onpopstate = function(event) { // alert('退出页面') window.location.reload() }; //加入以下俩行代码,才能触发 onpopstate事件 window.history.pushState('forward', null, '#'); window.history.forward(1); }
苹果的微信浏览器是比安卓多出一个底部导航栏的,如果是做微信H5的通常要先跳公众号授权,再进H5页面,所以导航栏就出现了,如果在H5页面按后退箭头的话,就会出现空白的授权页面,所以用上面的方法监听后退的事件可以解决。