微信浏览器后退事件

/**
 *监听浏览器的后退事件
 *场景:苹果微信浏览器后退按钮
 */
function winBack(){
    window.onpopstate = function(event) { 
        // alert('退出页面')
        window.location.reload()
    };  
    //加入如下俩行代码,才能触发 onpopstate事件
    window.history.pushState('forward', null, '#'); 
    window.history.forward(1);
}

苹果的微信浏览器是比安卓多出一个底部导航栏的,若是是作微信H5的一般要先跳公众号受权,再进H5页面,因此导航栏就出现了,若是在H5页面按后退箭头的话,就会出现空白的受权页面,因此用上面的方法监听后退的事件能够解决。浏览器

相关文章
相关标签/搜索