(转)微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
2017-05-25 13:58
330 查看
<!--禁用微信分享按钮--> <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>
微信官方API:https://mp.weixin.qq.com/wiki?id=mp1421141115&highline=menu%7C%26hideoptionmenu%7C%26optionmenu%7C%26hide
-------------------------------------------------------------------------------------------------------------------------------------------------------
参考转载: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的取值如下所示:
1) network_type:wifi wifi网络
2)network_type:edge 非wifi,包含3G/2G
3) network_type:fail 网络断开连接
4) network_type:wwan 2g或者3g
相关文章推荐
- 微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
- 微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
- 微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
- 微信WeixinJSBridge API 屏蔽右上角分享等常用方法
- 微信小程序如何隐藏右上角分享按钮
- 微信分享到朋友圈按钮 右上角提示
- 微信页面隐藏分享按钮
- 屏蔽微信消息右上角的分享到朋友圈按钮
- 微信页面隐藏分享按钮
- Study JavaScript《隐藏微信中网页右上角按钮》
- 屏蔽微信消息右上角的分享到朋友圈按钮
- React Js 微信禁止复制链接,分享,禁止隐藏右上角菜单
- 微信小程序分享功能之按钮button 边框隐藏和点击隐藏
- listview 实现微信删除功能向左移动item出现隐藏的删除按钮功能终于实现了,分享总结一下。(跟微信删除一样额)
- 微信点击分享到朋友圈的按钮,右上角提示
- 微信屏蔽朋友圈、分享给朋友、隐藏“传播类”和“保护类”按钮 不引weixin.js
- 微信WeixinJSBridge API(屏蔽右上角按钮等)
- 微信分享功能引入页面-控制分享时候调用的标题、图片、url和微信按钮隐藏显示控制