微信开发-隐藏微信浏览器顶部菜单
来源:互联网 发布:什么是网络存储 编辑:程序博客网 时间:2024/06/05 22:02
今天测试提交一个关于分享朋友圈信息的Bug:作者的作品可以分享出去,而且分享出去后允许他人编辑。
经过测试确实如此,两种解决方案:1.根据角色进行区分;2.禁止朋友圈或好友分享;
因为工期紧张的关系,偷懒选择第二种解决方案。
百度到这么一段代码
<!--禁用微信分享按钮--> <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>禁用微信分享
验证过后确实效果不错,对于顶部菜单只允许刷新以及修改字体等基本操作,相关的分享按钮已经隐藏。
怕以后用到,就直接把原博主的文章拿过来留作备份。
之前写了一篇关于这个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:[]括号中,具体拼接方式,大概是","
- 微信开发-隐藏微信浏览器顶部菜单
- 微信公众号 隐藏菜单
- 微信隐藏/显示右上角菜单接口
- 微信开发 -- 自定义菜单
- 微信开发-自定义菜单
- 微信开发--自定义菜单
- 微信自定义菜单开发
- 微信开发菜单设计
- 微信开发设置菜单
- 微信开发自定义菜单
- 公众号禁止右上角菜单,php开发微信公众号,屏蔽隐藏右上角菜单
- 微信开发(二)微信菜单创建
- 微信公众平台jsapi开发教程(8)显示隐藏网页右上角菜单
- 微信公众平台开发(93) 关闭微信浏览器
- 微信自定义菜单开发报错
- php微信自定义菜单开发
- 微信公众平台自定义菜单开发
- 微信开发(二)自定义菜单
- 7.5.5
- 从Android studio开始--使用技巧
- CSS3--弹性盒子(Flex Box)
- mybatis批量插入数据
- [matlab]regress回归分析中F统计量的计算
- 微信开发-隐藏微信浏览器顶部菜单
- NOIP模拟:水题(1):nlog(n)求逆序对
- 【BZOJ】1045: [HAOI2008] 糖果传递
- Java中使用poi导入、导出Excel
- 1月20号测试
- [leetcode]Shortest Palindrome
- 开源日志库Logger的使用
- hdu 5211Mutiple
- codeforces 392 div2 unfair poll