1、隱藏微信網頁右上角的按鈕
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通過下面這個API隱藏右上角按鈕 WeixinJSBridge.call('hideOptionMenu'); }); document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通過下面這個API顯示右上角按鈕 WeixinJSBridge.call('showOptionMenu'); });
2、隱藏微信網頁底部的導航欄
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通過下面這個API隱藏底部導航欄 WeixinJSBridge.call('hideToolbar'); }); document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通過下面這個API顯示底部導航欄 WeixinJSBridge.call('showToolbar'); });
3、在微信網頁中獲取用戶的網絡狀態
WeixinJSBridge.invoke('getNetworkType',{},function(e){ // 在這里拿到e.err_msg,這里面就包含了所有的網絡類型 alert(e.err_msg); });
在html中使用沒問題,但在vue中使用的話安卓機不生效,不知道為什么所以在vue中用另一種方法
script> import '../assets/js/jweixin/jweixin'; /*引入js*/ export default { name:"redRain", data () { return { } }, mounted () { this.wxpay(); }, methods: { wxpay(){ var vm= this; if (typeof WeixinJSBridge == "undefined"){//微信瀏覽器內置對象。參考微信官方文檔 if( document.addEventListener ){ document.addEventListener('WeixinJSBridgeReady', vm.onBridgeReady(), false); }else if (document.attachEvent){ document.attachEvent('WeixinJSBridgeReady', vm.onBridgeReady()); document.attachEvent('onWeixinJSBridgeReady',vm.onBridgeReady()); } }else{ vm.onBridgeReady(); } }, onBridgeReady:function(){ WeixinJSBridge.call('hideOptionMenu'); }, }, } </script>
此博客引用於:https://blog.csdn.net/dakache11/article/details/85104579