微信WeixinJSBridge API

作者: aries 分类: JS 发布时间: 2014-02-17 15:28 ė 5304次浏览 6 4评论

微信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);
});
换一个
  1. 邪恶内涵图片 2015-10-02 17:43:18

    不错不错,来看看。。

  2. 爱奇趣分享网 2015-09-12 09:13:17

    无意溜达到了你的网站 留下足迹

  3. Aries 2015-01-11 17:33:28

    你可以看看这个能不能解决你的问题 <a href="http://iw3c.com/archive/990/" target="_blank" rel="nofollow">http://iw3c.com/archive/990/</a>

  4. shiziwen 2014-03-25 16:12:48

    iso里面显示不了底部导航栏,请问楼主遇到过这个问题吗?

Ɣ回顶部