网站首页学无止境JS

微信WeixinJSBridge API续

发布时间:2014-07-25 14:17:01编辑:songlin阅读(268)

    之前写了一篇关于这个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

    或者直接用微信扫描下面这个二维码:

    以上!分享给需要用到的网友。

本文来源地址:http://www.baidufe.com/item/c4bacb3bd66930f2e43e.html