兼容微信公众号和H5网页的关闭(后退)功能的实现

2022-12-17 759点热度 0人点赞 0条评论

编写H5网页的时候,希望有个关闭按钮,可以关闭当前页面,其实也就是将当前网页返回到上一个页面(如果没有上一个页面,自然也就是退出到空白页面了)

这个功能应该很简单,只要使用history.go(-1)或者history.back()就可以实现,不过遇到一个问题是,如果当前页面是在微信中打开,上面的功能就不能用了。

起始微信中可以调用微信自定义的函数来实现(WeixinJSBridge.call('closeWindow');),不过在非微信中可能就需要特别检查下,不然会报错:

代码如下:

function fnClose(){
    history.back(); // 普通H5网页后退

    // 微信中关闭
    if(window.WeixinJSBridge) {
        window.WeixinJSBridge.call('closeWindow');
    }
}

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论