Maison > Applet WeChat > Développement WeChat > le corps du texte

Résumé des méthodes js couramment utilisées dans le développement WeChat

高洛峰
Libérer: 2017-03-15 17:26:10
original
1711 Les gens l'ont consulté

Cet article résume pour vous quelques méthodes js qui sont souvent utilisées dans notre développement quotidien de projets WeChat. Elles sont toutes utilisées très fréquemment et sont une méthode très simple, recommandée à tous. ici.

1. Page WebImagesFaites glisser votre doigt vers la gauche et la droite pour afficher les images, comme indiqué ci-dessous :

Effet js

L'effet js le code est le suivant :

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 () {});
        }
    }
Copier après la connexion

Éléments de la page :

Le code est le suivant :

  <p class="infoPics">
           <p class="picImg" ng-repeat="picture in info.infoContent.pitctures">
                <img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">
           </p>
     </p>
Copier après la connexion

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

Le code est le suivant :

 WeixinJSBridge.invoke(&#39;closeWindow&#39;,{},function(res){
       //alert(res.err_msg);
 });
Copier après la connexion

3. amis, Moments, Weibo

Le code est le suivant :

var lineLink = &#39;http://../..&#39;,
  imgUrl = &#39;http://../..&#39;,
  shareTitle = &#39;页面标题&#39;,
  descContent=&#39;内容简介&#39;,
  appid = &#39;&#39;;
//判断是否支持微信js
 if(typeof WeixinJsBridge == &#39;undefined&#39;){
  if(document.addEventListener){
    document.addEventListener(&#39;WeixinJsBridgeReady&#39;,onBridgeReady,false);
  }else if(document.attachEvent){
    document.attachEvent(&#39;WeixinJsBridgeReady&#39;,onBridgeReady);
    document.attachEvent(&#39;onWeixinJsBridgeReady&#39;,onBridgeReady);
  }
 }else{
  onBridgeReady();
 }
function onBridgeReady (){
  WeixinJsBridgeReady.on(&#39;menu:share:appmessage&#39;,wx_shareFriend);//分享朋友
  WeixinJsBridgeReady.on(&#39;menu:share:timeline&#39;,wx_shareTimeline);//分享到朋友圈
  WeixinJsBridgeReady.on(&#39;menu:share:weibo&#39;,wx_shareWeibo);//分享朋友
}
function wx_shareFriend (){
  WeixinJsBridge.invoke(&#39;sendAppMessage&#39;,{
    "appid":appid,
    "img_url":imgurl,
    "img_width":&#39;640&#39;,
    "img_height":&#39;500&#39;,
    "link":lineLink,
    "desc":descContent,
    "title":shareTitle
    },function(res){
      console.log(res.err_msg);
    }
  });
}
function wx_shareTimeline (){
  WeixinJsBridge.invoke(&#39;sendTimeline&#39;,{
    "appid":appid,
    "img_url":imgurl,
    "img_width":&#39;640&#39;,
    "img_height":&#39;500&#39;,
    "link":lineLink,
    "desc":descContent,
    "title":shareTitle
    },function(res){
      console.log(res.err_msg);
    }
  })
}  
function wx_shareWeibo (){
  WeixinJsBridge.invoke(&#39;sendWeibo&#39;,{
    "appid":appid,
    "img_url":imgurl,
    "img_width":&#39;640&#39;,
    "img_height":&#39;500&#39;,
    "link":lineLink,
    "desc":descContent,
    "title":shareTitle
    },function(res){
      console.log(res.err_msg);
    }
  })
}
Copier après la connexion

4. Masquer le bouton dans le coin supérieur droit de la page Web . 🎜>

Le code est le suivant :

 WeixinJsBridge.call(&#39;hideOptionMenu&#39;); 
Copier après la connexion

5. Masquer le bas de la page Web Barre de navigation<🎜. >

Le code est le suivant :


 WeixinJsBridge.call(&#39;hideToolbar&#39;);
Copier après la connexion

6. Obtenez le type de connexion réseau actuel :

Le code est le suivant. suit :

 WeixinJsBridge.invoke(&#39;getNetworkType&#39;,{},function(e){
    console.log(e.err_msg);
 })
Copier après la connexion

7. Interdire aux utilisateurs de partager

Le code est le suivant :


  WeixinJsBridge.invoke(&#39;disabledShare&#39;,{},function(e){
  })
Copier après la connexion

8. Déterminez s'il faut ouvrir dans le navigateur intégré de WeChat

Le code est le suivant :


  // true or false
  var flag = WeixinApi.openInWeixin();
Copier après la connexion
Les 8 éléments ci-dessus sont donnés dans cet article Le contenu vous avez partagé, j'espère que cela sera utile au développement de WeChat de chacun.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!