微信浏览器后退事件

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

苹果的微信浏览器是比安卓多出一个底部导航栏的,如果是做微信H5的通常要先跳公众号授权,再进H5页面,所以导航栏就出现了,如果在H5页面按后退箭头的话,就会出现空白的授权页面,所以用上面的方法监听后退的事件可以解决。

posted @ 2018-09-06 17:09  哈哈敲敲  阅读(615)  评论(0编辑  收藏  举报