本文為大家總結(jié)了一下在我們?nèi)粘i_(kāi)發(fā)微信專案的過(guò)程中,常常需要用到的一些js方法,都是些使用頻率很高,而且非常簡(jiǎn)單的方法,這裡推薦給大家。
1.網(wǎng)頁(yè)圖片集合左右滑動(dòng)查看圖片,如下範(fàn)例:
js效果
程式碼如下:
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, //當(dāng)前地址 'urls':pictures //組 }); } else { alert( "請(qǐng)?jiān)谖⑿胖胁榭?quot;, null, function () {}); } }
頁(yè)面元素:
?程式碼如下:
<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.微信視窗關(guān)閉事件
WeixinJSBridge.invoke('closeWindow',{},function(res){ //alert(res.err_msg); });###3.分享網(wǎng)頁(yè)連結(jié)至朋友、朋友圈、微博######程式碼如下:######
var lineLink = 'http://../..', imgUrl = 'http://../..', shareTitle = '頁(yè)面標(biāo)題', descContent='內(nèi)容簡(jiǎn)介', 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.隱藏網(wǎng)頁(yè)右上角###按鈕#############程式碼如下:######
WeixinJsBridge.call('hideOptionMenu');#######5.隱藏網(wǎng)頁(yè)底部###導(dǎo)覽###列#########?程式碼如下:######
WeixinJsBridge.call('hideToolbar');######6.取得目前網(wǎng)路連線類型:#########程式碼如下:###
WeixinJsBridge.invoke('getNetworkType',{},function(e){ console.log(e.err_msg); })######7.禁止用戶分享#########程式碼如下:######
WeixinJsBridge.invoke('disabledShare',{},function(e){ })#######8.判斷是否在微信內(nèi)置瀏覽器中開(kāi)啟#########?程式碼如下:######
// true or false var flag = WeixinApi.openInWeixin();###以上8條就是本文給大家分享的內(nèi)容了,希望對(duì)大家的微信開(kāi)發(fā)能有所幫助。 ###
以上是微信開(kāi)發(fā)中常用的js方法匯總的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!
本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool
免費(fèi)脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門(mén)文章
Grass Wonder Build Guide |烏瑪媽媽漂亮的德比
1 個(gè)月前
By Jack chen
<??>:在森林裡99夜 - 所有徽章以及如何解鎖
4 週前
By DDD
烏瑪?shù)姆劢z漂亮的德比橫幅日程(2025年7月)
1 個(gè)月前
By Jack chen
Rimworld Odyssey溫度指南和Gravtech
3 週前
By Jack chen
Windows安全是空白或不顯示選項(xiàng)
1 個(gè)月前
By 下次還敢

熱工具

記事本++7.3.1
好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強(qiáng)大的PHP整合開(kāi)發(fā)環(huán)境

Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具

SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)