苹果浏览器微信底部返回栏显示/隐藏的问题

此段js代码完美解决

; (function () {

    try {
        isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
        if (fn.isIOS) {
            // window.history.pushState({}, "title", "#");
            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
                WeixinJSBridge.call('hideToolbar');        // 隐藏底部状态栏
                WeixinJSBridge.call('hideOptionMenu');     // 隐藏右上角的三个点的选项
                console.log('ios');
                // WeixinJSBridge.call('showToolbar');        // 显示底部状态栏
                // WeixinJSBridge.call('showOptionMenu');     // 显示右上角的三个点的选项
            });

        }
    } catch (e) {
        //TODO handle the exception
    }


    // document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    //     WeixinJSBridge.call('hideToolbar');        // 隐藏底部状态栏
    //     WeixinJSBridge.call('hideOptionMenu');     // 隐藏右上角的三个点的选项
    //     // WeixinJSBridge.call('showToolbar');        // 显示底部状态栏
    //     // WeixinJSBridge.call('showOptionMenu');     // 显示右上角的三个点的选项
    // });
    ///

})();

你可能感兴趣的:(js,js_笔记)