微信WeixinJSBridge API(屏蔽右上角按钮等)

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

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

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

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

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

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

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

1、隐藏微信网页右上角的按钮

1 document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
2     // 通过下面这个API隐藏右上角按钮
3     WeixinJSBridge.call(‘hideOptionMenu‘);
4 });
5
6 document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
7     // 通过下面这个API显示右上角按钮
8     WeixinJSBridge.call(‘showOptionMenu‘);
9 });

2、隐藏微信网页底部的导航栏

1 document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
2     // 通过下面这个API隐藏底部导航栏
3     WeixinJSBridge.call(‘hideToolbar‘);
4 });
5
6 document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
7     // 通过下面这个API显示底部导航栏
8     WeixinJSBridge.call(‘showToolbar‘);
9 });

3、在微信网页中获取用户的网络状态

1 WeixinJSBridge.invoke(‘getNetworkType‘,{},function(e){
2     // 在这里拿到e.err_msg,这里面就包含了所有的网络类型
3     alert(e.err_msg);
4 });

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

可以戳这个链接测试一下:http://www.baidufe.com/demo/wxjsapi2.html

时间: 2024-10-07 04:17:24

微信WeixinJSBridge API(屏蔽右上角按钮等)的相关文章

微信WeixinJSBridge API使用实例

http://www.jb51.net/article/66642.htm 这篇文章主要介绍了微信WeixinJSBridge API使用实例,本文直接给出HTML代码,代码中包含了很多实用功能,如图片预览.分享到微博.隐藏右上角按钮.获取网络状态.发起公众号微信支付等内容,需要的朋友可以参考下 注意:请在微信中测试 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>微信WeixinJSBridge API</t

微信WeixinJSBridge API

<!DOCTYPE html><html> <head> <title>微信WeixinJSBridge API</title> <meta charset="utf-8" /> <script type="text/javascript">(function(){var a=document.getElementsByTagName("html")[0];win

微信h5页面屏蔽投诉按钮的完美实现办法

   在做微信投票,小说阅读类,以及大部分推广类微信H5页面经常会遇到因为被举报投诉导致页面被微信封杀的情况.因为微信是处理投诉举报是非人工,所以一旦这种举报投诉多次域名就会百分百被封杀.申诉等处理又是遥遥无期,基本希望渺茫,严重影响了正常推广的拓展.如果我们能够屏蔽掉微信的举报投诉按钮的话,就能够从源头彻底杜绝了恶意举报投诉的情况,经多方寻找和研究最终找到了能够完美屏蔽到掉微信举报投诉按钮的方法.      演示地址1:http://www.188tool.cn/button/demo1.ht

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

今天在做隐藏微信右上角的分享按钮 百度查到的一串代码,挺好用的 <!--禁用微信分享按钮--> <script> function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener('Weix

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

<!--禁用微信分享按钮--> <script> function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener('WeixinJSBridgeReady', onBridgeReady,

如何隐藏微信公众平台右上角按钮

// 通过下面这段JS API隐藏右上角按钮 <script> document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); }); </script> 如何隐藏微信公众平台右上角按钮

java微信开发API解析(五)-用户管理

java微信开发API解析(五)-用户管理 全局说明 * 详细说明请参考前两篇文章. 本文说明 *本文分为五部分: * 工具类MyHttpUtils的封装 * 用户分组管理文档的简单阅读解析 * 分组bean的构建以及各种分组管理的实现源码 * 用户管理的应用场景 * 测试的微信号二维码 * 本文只分析用户管理的用户分组管理部分,其它都大同小异,不再分析处理.如需要,请留言. * 以后原理分析会越来越简洁,具体原理分析请查看以前文章. * 下一篇文章会对于用户普通消息.自定义菜单消息.自动完成用

java微信开发API解析(六)-综合运用(消息处理、自定义菜单响应处理、用户自动分组处理;包含源码)

java微信开发API解析(六) 全局说明 * 详细说明请参考前两篇文章. 本文说明 * 本文主要是对前面学习的知识进行综合整合. * 我们对需要的bean.工具类.xml.file进行必要的包装. * 我们构建一个可以直接使用的Java微信应用. * 文后包含该部分效果的测试微信公众号 * 文后包含构建好的源码供下载 bean的构建 public class Access_token,获取Access_token对应的bean. private String access_token; pri

java微信开发API解析(七)-网页开发-微信网页授权

java微信开发API解析(七)-网页开发-微信网页授权 全局说明 * 详细说明请参考前两篇文章. 本文说明 本文主要完成获取用户基本信息的工作,包括(昵称.头像.地址.国家等基本信息) 对于snsapi_base和snsapi_userinfo我们只演示关于snsapi_userinfo.因为snsapi_userinfo更难,如果能够理解snsapi_userinfo,那么snsapi_base不在话下. 对于该部分(微信网页开发)我们只介绍如何获取用户基本信息,对于开发样式库,js-SDK