微信禁用右上角的分享按钮，WeixinJSBridge API以及隐藏分享的子按钮等菜单项

今天在做隐藏微信右上角的分享按钮

百度查到的一串代码，挺好用的

<!--禁用微信分享按钮--><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>

也看了一下别的

查到一篇文章：http://www.2cto.com/weixin/201511/451592.html

作者：人在钱途

为防找不到，就干脆拷贝了一份。

以下为文章中的内容：

之前写了一篇关于这个WeixinJSBridge API的文章，文章地址，于是有很多网友都在过来咨询这个API的使用，在这里有必要跟大家再说一下：这个API在以前公布的部分接口被官方和谐掉很久了，比如一键关注、分享给好友、分享到朋友圈等。当然，你可能会发现微信官方推送的一些文章还能使用这些功能，粗略估计，官方是对这个API增加了白名单控制，判断Referer，如果是微信官方的地址、或者是有合作的商家地址，则允许调用，否则，返回“access denied”！

截止目前，笔者还没用发现还有什么办法能继续使用它！不过，官方和谐掉这个API其实也是说得过去的，因为在整个WebView的右上角，官方做了一个Navtive的按钮，点开以后，包括分享给好友、分享到朋友圈这样的功能都有，所以，官方也是在做一些引导。

当然，WeixinJSBridge这个API也并不是所有功能都被和谐掉了，相反，有好几个功能还是相当有用的，可以正常使用，比如：

1、隐藏微信网页右上角的按钮（...按钮）：开发者可以用这个功能来禁止当前页面被分享

2、隐藏微信网页底部的导航栏（比如前进后退和刷新）：这个导航栏会占用一定的区域，开发者可以认为用户不会用到它，将其隐藏掉

3、在微信网页中获取用户的网络状态：开发者可以利用这个API获得用户的网络状态，并提供不同的服务，比如视频类，在wifi下提供高清视频流，在2g网络下提供普通清晰视频流等等

下面分别通过简单的几行代码，说明这几个API的用法：

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

e.err_msg的取值如下所示：

network_type:wifi wifi网络 2 network_type:edge 非wifi,包含3G/2G 3 network_type:fail 网络断开连接 4 network_type:wwan 2g或者3g

在微信JSSDK说明文档中有关于按钮屏蔽使用等的说明：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

第十条界面操作则是对于按钮的处理

在附录三中有所有涉及的菜单项列表

wx.hideMenuItems({menuList: [] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
});

使用方式，直接将项隐藏的菜单项

发送给朋友: "menuItem:share:appMessage"
分享到朋友圈: "menuItem:share:timeline"
分享到QQ: "menuItem:share:qq"
分享到Weibo: "menuItem:share:weiboApp"
收藏: "menuItem:favorite"
分享到FB: "menuItem:share:facebook"
分享到 QQ 空间/menuItem:share:QZone

放入到menuList:[]括号中，具体拼接方式，大概是","

转载于:https://www.cnblogs.com/mracale/p/6119299.html

微信禁用右上角的分享按钮，WeixinJSBridge API以及隐藏分享的子按钮等菜单项相关推荐

js微信禁用右上角的分享按钮，，和vue中微信页面禁用右上角的分享按钮的问题
1.隐藏微信网页右上角的按钮 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { // 通过 ...
android悬浮按钮弹出与隐藏,Android悬浮窗按钮实现点击并显示/隐藏多功能列表
前言最近在一个项目中,需要制作录屏的功能,原先是在应用中有录屏/控制的按钮,思考之下觉得这种效果并不好,因此就想制作一个可以悬浮的悬浮窗,这样不论手机在什么界面中都可以对录屏功能进行控制. 这里就来 ...
小程序动态隐藏分享按钮
业务背景:小程序需要根据条件动态隐藏分享给好友.分享到朋友圈功能原生小程序中加上分享函数,页面就可分享,如下: onShareAppMessage: function (res) {if (res. ...
微信WeixinJSBridge API 屏蔽右上角分享等常用方法
WeixinJSBridge这个API有几个功能还是相当有用的,比如: 1.隐藏微信网页右上角的按钮(...按钮):开发者可以用这个功能来禁止当前页面被分享 2.隐藏微信网页底部的导航栏(比如前进后退 ...
微信WeixinJSBridge API
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>微信WeixinJSBridge API</title& ...
微信公众号的Api 一些说明关于 WeixinJSBridge API
WeixinJSBridge API 网上有很多说可以一键关注.分享给好友.分享到朋友圈之类的,这些都被禁止了,真刺激,因为在做自定义分享按钮点击分享的那种,所以使用微信js-sdk实现分享吧当然W ...
iOS 微信音视频自动播放原生接口WeixinJSBridge API(一些整理小技巧)
原文链接1:https://www.w3ctech.com/topic/1165 原文链接2:https://www.cnblogs.com/jasonduan/p/5635048.html 做一下整 ...
微信浏览器 WeixinJSBridge API
WeixinJSBridge API <!DOCTYPE html> <html> <head> <title>微信WeixinJSBridge API ...
微信分享踩坑记（一）——微信生态右上角自定义分享（微信JS-SDK）
使用框架:Vue.js.微信JS-SDK.HTML5+(HBuilder) 两种场景:微信生态右上角自定义分享.APP分享到微信 1' 公众号设置JS安全域名公众号开发者可在该域名下调用微信开放的J ...

微信禁用右上角的分享按钮，WeixinJSBridge API以及隐藏分享的子按钮等菜单项

微信禁用右上角的分享按钮，WeixinJSBridge API以及隐藏分享的子按钮等菜单项相关推荐

最新文章

热门文章