H5与微信的一下交互（监听微信内置浏览器私有接口 WeixinJSBridgeReady）

最新推荐文章于 2024-08-21 10:36:19 发布

转载最新推荐文章于 2024-08-21 10:36:19 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/weixin_44138611/article/details/89335931

文章标签：

#javascript #数据结构 #html5

vue3 专栏收录该内容

5 篇文章

订阅专栏

这篇博客介绍了如何使用WeixinJSBridge API来控制微信中网页的分享选项和底部导航栏的显示与隐藏。通过调用`hideOptionMenu`和`showOptionMenu`方法可以实现右上角菜单的开关，而`hideToolbar`和`showToolbar`则用于隐藏和显示底部导航栏。此外，还提到了获取网络状态的方法。

1.禁止微信分享

<script>
		document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {
			console.log("关闭分享复制链接");
			WeixinJSBridge.call("hideOptionMenu");
		});
</script>



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);

});