微信WeixinJSBridge API

  ⋅   :4419  ⋅   :4  ⋅   JS

微信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);
});

标签:微信 weixinjsbridge

4 comments
  1. 邪恶内涵图片

    不错不错,来看看。。

    邪恶内涵图片 回复
  2. 爱奇趣分享网

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

    爱奇趣分享网 回复
  3. Aries

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

    Aries 回复
  4. shiziwen

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

    shiziwen 回复
如需评论,请填写表单。
换一个

记住我的信息