Maison > interface Web > js tutoriel > Résumé de certaines méthodes js couramment utilisées dans les compétences WeChat_javascript

Résumé de certaines méthodes js couramment utilisées dans les compétences WeChat_javascript

WBOY
Libérer: 2016-05-16 16:10:12
original
2023 Les gens l'ont consulté

1. Faites glisser votre doigt vers la gauche et la droite dans la collection d'images de la page Web pour afficher les images , comme indiqué dans l'exemple suivant :

effet js

Copier le code Le code est le suivant :

var images = [];
angulaire.forEach(images,fonction(k,i){
       images[i] = k.imgPath;
});
$scope.previewPics = function(currentUrl){
If (typeof window.WeixinJSBridge != 'undefined') {
//Vue de l'album photo WeChat
WeixinJSBridge.invoke('imagePreview', {
                 'current':currentUrl, //Adresse actuelle
                 'urls':images //Groupe
            });
         } autre {
alert("Veuillez vous enregistrer sur WeChat", null, function () {});
>
>

Éléments de la page :

Copier le code Le code est le suivant :


              

                                                                                                                                                                                                                                            
                                                        


2. Événement de fermeture de la fenêtre WeChat , l'exemple est le suivant :

Copier le code Le code est le suivant :

WeixinJSBridge.invoke('closeWindow',{},function(res){
​​​ //alerte(res.err_msg);
});

3. Partagez des liens Web avec des amis, des Moments et Weibo

Copier le code Le code est le suivant :

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條就是本文給大家分享的內容了,希望對大家的微信開發能有所幫助。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal