微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
来源:互联网 发布:网络短剧排名 编辑:程序博客网 时间:2024/06/11 18:45
今天在做隐藏微信右上角的分享按钮
百度查到的一串代码,挺好用的
<!--禁用微信分享按钮--> <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
左边菜单点击【微信网页开发】,点击下面的二级菜单【微信JS-SDK说明文档】,然后就能看到一系列关于JS-SDK的说明。目录10.界面操作就是需要的地方,只不过火狐大概点击不了或者根本没做页面点击,所以直接页面CTRL+F搜【菜单】两个字,往下找就是了
第十条界面操作则是对于按钮的处理
在附录三中有所有涉及的菜单项列表
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:[]括号中,具体拼接方式,大概是","
- 微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
- 微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
- 微信WeixinJSBridge API(屏蔽右上角按钮等)
- 屏蔽微信消息右上角的分享到朋友圈按钮
- 屏蔽微信消息右上角的分享到朋友圈按钮
- 微信分享按钮隐藏
- 微信页面隐藏分享按钮
- 微信页面隐藏分享按钮
- 微信分享 WeixinJSBridge
- 设置右上角的菜单按钮
- 没有微信api提示浏览器微信分享按钮的位置
- 微信分享接口失效的解决方案(2014年12月底失效的微信接口WeixinJSBridge等)
- 微信分享按钮隐藏、显示问题和注意事项
- EAS BOS隐藏分录右上角的按钮
- React Js 微信禁止复制链接,分享,禁止隐藏右上角菜单
- 网页里不能直接添加分享按钮或链接,只能手动点击右上角的分享
- 界面添加弹出菜单 隐藏主界面的菜单栏 隐藏右上角最大化最小化按钮
- facebook的分享按钮
- postgres 从修改行返回数据
- OkHttp拦截器POST添加公共参数
- 11.21第14节课
- CATIA小插件发布步骤及解析
- Android Local Manifests机制
- 微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项
- 从DICOM开始入门医学图像处理-1-开发工具
- Resources.class.getResourceAsStream 获取配置的方法
- 大话设计模式读书笔记之策略模式
- mybatis用法(二)mybatis结合log4j打印sql日志
- java中StringBuffer的用法
- 2017.11.21第十四课
- Ajax数据请求
- AngularJS添加删除查询排序