微信瀏覽器分享按鈕的隱藏和顯示

<script>
        function onBridgeReady() {
            WeixinJSBridge.call('hideOptionMenu');
        }

        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        } else {
            onBridgeReady();
        }
    </script>

下面分別經過簡單的幾行代碼，說明這幾個API的用法：

一、隱藏微信網頁右上角的按鈕

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 經過下面這個API隱藏右上角按鈕
    WeixinJSBridge.call('hideOptionMenu');
});
            
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 經過下面這個API顯示右上角按鈕
    WeixinJSBridge.call('showOptionMenu');
});

 

二、隱藏微信網頁底部的導航欄

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 經過下面這個API隱藏底部導航欄
    WeixinJSBridge.call('hideToolbar');
});
           
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 經過下面這個API顯示底部導航欄
    WeixinJSBridge.call('showToolbar');
});

 

三、在微信網頁中獲取用戶的網絡狀態

WeixinJSBridge.invoke('getNetworkType',{},function(e){
    // 在這裏拿到e.err_msg，這裏面就包含了全部的網絡類型
    alert(e.err_msg);
 });

 

e.err_msg的取值以下所示：

 network_type:wifi wifi網絡 2 network_type:edge 非wifi,包含3G/2G 3 network_type:fail 網絡斷