微信公众平台接口程序JS接口

最新推荐文章于 2024-09-30 12:02:34 发布

原创最新推荐文章于 2024-09-30 12:02:34 发布 · 909 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #javascript #network #公众号

本文介绍了如何使用微信公众平台提供的JS桥接API实现隐藏右上角按钮、底部导航栏及获取用户网络状态等功能。通过简单易懂的示例代码，帮助开发者快速掌握这些实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从《微信公众平台开发者文档》中看到还提供了3个用于前端的JS接口：隐藏网页右上角按钮，隐藏底部导航栏，查看用户网络状态。测试了一下，貌似隐藏底部导航栏已经没什么必要了，其他的OK。代码非常简单，这里直接给出。

  	<script type="text/javascript">
  	var netType={"network_type:wifi":"wifi网络",
  	"network_type:edge":"非wifi,包含3G/2G",
  	"network_type:fail":"网络断开连接",
  	"network_type:wwan":"2g或者3g"}
  	
  	function onBridgeReady(){
 		WeixinJSBridge.call('hideOptionMenu');
 		WeixinJSBridge.call('hideToolbar');
 		WeixinJSBridge.invoke('getNetworkType',{},
 		function(e){
 			alert(netType[e.err_msg])
 	    	WeixinJSBridge.log(e.err_msg);
 	    });
	}

	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>