Heim > Artikel > WeChat-Applet > Zusammenfassung der in der WeChat-Entwicklung häufig verwendeten js-Methoden
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 () {}); } }
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>
2. WeChat Fenster schließen Ereignis , das Beispiel lautet wie folgt:
Der Code lautet wie folgt:
WeixinJSBridge.invoke('closeWindow',{},function(res){ //alert(res.err_msg); });
3. Teilen Sie den Weblink mit Freunde, Momente, Weibo
Der Code lautet wie folgt:
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. Blenden Sie die Schaltfläche in der oberen rechten Ecke der Webseite aus
Der Code lautet wie folgt:
WeixinJsBridge.call('hideOptionMenu');
5. Blenden Sie die NavigationLeiste
Der Code lautet wie folgt:WeixinJsBridge.call('hideToolbar');
6. Holen Sie sich den aktuellen Netzwerkverbindungstyp:
Der Code lautet wie folgt folgt:WeixinJsBridge.invoke('getNetworkType',{},function(e){ console.log(e.err_msg); })
7. Benutzern das Teilen verbieten
Der Code lautet wie folgt:
WeixinJsBridge.invoke('disabledShare',{},function(e){ })
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();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!