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

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

Mar 15, 2017 pm 05:26 PM

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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)