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