微信公众号关闭Web页面、底部工具类和右上角三个点状态处理

微信公众号内嵌入 Web 页面后关闭当前页面,调用 Web 的方式通过 window.close() 但尝试该方法无效;
基于微信内浏览器需要调用私有 WeixinJSBridge 接口方法才可实现,例如浏览器的关闭、底部工具栏和右上角处三个点的显示隐藏状态等;
具体实现方法如下可供参考;

一.关闭页面

// 此处添加超时避免 WeiXinJSBridge 可能引发未定义的错误异常,关闭时存在1s的延迟
setTimeout(() => {
    // Android
    document.addEventListener('WeixinJSBridgeReady', () => {
        WeixinJSBridge.call('closeWindow');
    }, false);
    // iOS
    WeixinJSBridge.call('closeWindow');
}, 500);

二.底部工具栏

// 隐藏
WeixinJSBridge.call('hideToolbar');
// 显示
WeixinJSBridge.call('showToolbar');

三.右上角处三个点

// 隐藏
WeixinJSBridge.call('hideOptionMenu');
// 显示
WeixinJSBridge.call('showOptionMenu');

以上便是此次分享的全部内容，希望能对大家有所帮助！