Zusammenfassung der in der WeChat-Entwicklung häufig verwendeten js-Methoden

高洛峰
Freigeben: 2017-03-15 17:26:10
Original
1712 Leute haben es durchsucht

Dieser Artikel fasst einige js-Methoden zusammen, die in unserer täglichen Entwicklung von WeChat-Projekten häufig verwendet werden. Sie werden alle sehr häufig verwendet und sind sehr einfache Methoden, die hier jedem empfohlen werden.

1. WebseiteBilderWischen Sie nach links und rechts, um Bilder anzuzeigen, wie unten gezeigt:

js-Effekt

Der Der Code lautet wie folgt:

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 () {});
        }
    }
Nach dem Login kopieren

Seitenelemente:

Der Code lautet wie folgt:

  <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>
Nach dem Login kopieren

2. WeChat Fenster schließen Ereignis , das Beispiel lautet wie folgt:

Der Code lautet wie folgt:

 WeixinJSBridge.invoke(&#39;closeWindow&#39;,{},function(res){
       //alert(res.err_msg);
 });
Nach dem Login kopieren

3. Teilen Sie den Weblink mit Freunde, Momente, Weibo

Der Code lautet wie folgt:

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);
    }
  })
}
Nach dem Login kopieren

4. Blenden Sie die Schaltfläche in der oberen rechten Ecke der Webseite aus

Der Code lautet wie folgt:

 WeixinJsBridge.call(&#39;hideOptionMenu&#39;); 
Nach dem Login kopieren

5. Blenden Sie die NavigationLeiste<🎜 aus >

Der Code lautet wie folgt:


 WeixinJsBridge.call(&#39;hideToolbar&#39;);
Nach dem Login kopieren

6. Holen Sie sich den aktuellen Netzwerkverbindungstyp:

Der Code lautet wie folgt folgt:

 WeixinJsBridge.invoke(&#39;getNetworkType&#39;,{},function(e){
    console.log(e.err_msg);
 })
Nach dem Login kopieren

7. Benutzern das Teilen verbieten

Der Code lautet wie folgt:


  WeixinJsBridge.invoke(&#39;disabledShare&#39;,{},function(e){
  })
Nach dem Login kopieren

8. Bestimmen Sie, ob es im integrierten Browser von WeChat geöffnet werden soll

Der Code lautet wie folgt:


  // true or false
  var flag = WeixinApi.openInWeixin();
Nach dem Login kopieren
Die oben genannten 8 Elemente werden in diesem Artikel aufgeführt Ich hoffe, dass die Inhalte, die Sie geteilt haben, für die WeChat-Entwicklung aller hilfreich sein werden.

Das obige ist der detaillierte Inhalt vonZusammenfassung der in der WeChat-Entwicklung häufig verwendeten js-Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!