微信开发中常用的js方法汇总

高洛峰
发布: 2017-03-15 17:26:10
原创
1869人浏览过

本文给大家汇总了一下在我们日常开发微信项目的过程中,经常需要用到的一些js方法,都是些使用频率很高,而且非常简单的方法,这里推荐给大家。

1.网页图片集左右滑动查看图片,如下样例:

js效果

代码如下:

var pictures = [];
 angular.forEach(pitctures,function(k,i){
         pictures[i] = k.imgPath;
 });
 $scope.previewPics = function(currentUrl){
        if (typeof window.WeixinJSBridge != 'undefined') {
            //微信图片集查看
            WeixinJSBridge.invoke('imagePreview', {
                'current':currentUrl, //当前地址
                'urls':pictures //组
            });
        } else {
            alert( "请在微信中查看", null, function () {});
        }
    }
登录后复制

页面元素:

 代码如下:

  <p class="infoPics">
           <p class="picImg" ng-repeat="picture in info.infoContent.pitctures">
                @@##@@
           </p>
     </p>
登录后复制

2.微信窗口关闭事件,实例如下:

 代码如下:

 WeixinJSBridge.invoke('closeWindow',{},function(res){
       //alert(res.err_msg);
 });
登录后复制

3.分享网页链接至朋友、朋友圈、微博

代码如下:

var lineLink = 'http://../..',
  imgUrl = 'http://../..',
  shareTitle = '页面标题',
  descContent='内容简介',
  appid = '';
//判断是否支持微信js
 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();
 }
function onBridgeReady (){
  WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//分享朋友
  WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//分享到朋友圈
  WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//分享朋友
}
function wx_shareFriend (){
  WeixinJsBridge.invoke('sendAppMessage',{
    "appid":appid,
    "img_url":imgurl,
    "img_width":'640',
    "img_height":'500',
    "link":lineLink,
    "desc":descContent,
    "title":shareTitle
    },function(res){
      console.log(res.err_msg);
    }
  });
}
function wx_shareTimeline (){
  WeixinJsBridge.invoke('sendTimeline',{
    "appid":appid,
    "img_url":imgurl,
    "img_width":'640',
    "img_height":'500',
    "link":lineLink,
    "desc":descContent,
    "title":shareTitle
    },function(res){
      console.log(res.err_msg);
    }
  })
}  
function wx_shareWeibo (){
  WeixinJsBridge.invoke('sendWeibo',{
    "appid":appid,
    "img_url":imgurl,
    "img_width":'640',
    "img_height":'500',
    "link":lineLink,
    "desc":descContent,
    "title":shareTitle
    },function(res){
      console.log(res.err_msg);
    }
  })
}
登录后复制

4.隐藏网页右上角按钮

代码如下:

 WeixinJsBridge.call('hideOptionMenu'); 
登录后复制

5.隐藏网页底部导航

 代码如下:

 WeixinJsBridge.call('hideToolbar');
登录后复制

6.获取当前网络连接类型:

代码如下:

 WeixinJsBridge.invoke('getNetworkType',{},function(e){
    console.log(e.err_msg);
 })
登录后复制

7.禁止用户分享

代码如下:

  WeixinJsBridge.invoke('disabledShare',{},function(e){
  })
登录后复制

8.判断是否在微信内置浏览器中打开

 代码如下:

  // true or false
  var flag = WeixinApi.openInWeixin();
登录后复制

以上8条就是本文给大家分享的内容了,希望对大家的微信开发能有所帮助。

微信开发中常用的js方法汇总

以上就是微信开发中常用的js方法汇总的详细内容,更多请关注php中文网其它相关文章!

微信app下载
微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号