Heim > Web-Frontend > js-Tutorial > Zusammenfassung einiger häufig verwendeter js-Methoden in WeChat_javascript-Kenntnissen

Zusammenfassung einiger häufig verwendeter js-Methoden in WeChat_javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:10:12
Original
2023 Leute haben es durchsucht

1. Wischen Sie in der Bildersammlung der Webseite nach links und rechts, um die Bilder anzuzeigen , wie im folgenden Beispiel gezeigt:

JS-Effekt

Code kopieren Der Code lautet wie folgt:

var Bilder = [];
angle.forEach(pitctures,function(k,i){
        Bilder[i] = k.imgPath;
});
$scope.previewPics = function(currentUrl){
If (typeof window.WeixinJSBridge != 'undefiniert') {
//WeChat-Fotoalbumansicht
WeixinJSBridge.invoke('imagePreview', {
                 'current':currentUrl, //Aktuelle Adresse
                 'urls':pictures //Group
            });
         } sonst {
warning("Bitte checken Sie in WeChat ein", null, function () {});
}
}

Seitenelemente:

Code kopieren Der Code lautet wie folgt:


              

                                                                                                                                                                                                            
                                                       


2. WeChat-Fensterschließereignis , das Beispiel ist wie folgt:

Code kopieren Der Code lautet wie folgt:

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

3. Teilen Sie Weblinks mit Freunden, Moments und Weibo

Code kopieren Der Code lautet wie folgt:

var lineLink = 'http://../..',
​imgUrl = 'http://../..',
​shareTitle = 'Seitentitel',
​descContent='Inhaltseinleitung',
 appid = '';
//Bestimmen Sie, ob WeChat js unterstützt wird
if(typeof WeixinJsBridge == 'undefiniert'){
​if(document.addEventListener){
​​document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
}else if(document.attachEvent){
​​document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
​​document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
}
}else{
onBridgeReady();
}
Funktion onBridgeReady (){
WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//Freunde teilen
WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//Mit Momenten teilen
WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//Freunde teilen
}
Funktion 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);
  }
});
}
Funktion 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);
  }
})
} 
Funktion 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. Blenden Sie die Schaltfläche in der oberen rechten Ecke der Webseite aus

Code kopieren Der Code lautet wie folgt:

WeixinJsBridge.call('hideOptionMenu');

5. Blenden Sie die Navigationsleiste unten auf der Webseite aus

Code kopieren Der Code lautet wie folgt:

WeixinJsBridge.call('hideToolbar');

6. Holen Sie sich den aktuellen Netzwerkverbindungstyp:

Code kopieren Der Code lautet wie folgt:

WeixinJsBridge.invoke('getNetworkType',{},function(e){
console.log(e.err_msg);
})

7. Benutzern ist das Teilen

untersagt

Code kopieren Der Code lautet wie folgt:

WeixinJsBridge.invoke('disabledShare',{},function(e){
})

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

Code kopieren Der Code lautet wie folgt:

// wahr oder falsch
var flag = WeixinApi.openInWeixin();

Die oben genannten 8 Punkte werden in diesem Artikel mit Ihnen geteilt. Ich hoffe, dass er für die Entwicklung von WeChat hilfreich sein wird.

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