微信中一些常用的js方法總結_javascript技巧

1.網頁圖片集左右滑動查看圖片，如下範例：

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, //目前位址
                'urls':pictures //組
            });
        } else {
            alert( "請在微信中檢視", null, function () {});
        }
    }

頁面元素：

複製程式碼 程式碼如下:

　　

          

               
          

    

2.微信視窗關閉事件，實例如下：

複製程式碼 程式碼如下:

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

3.分享網頁連結至朋友、朋友圈、微博

複製程式碼 程式碼如下:

var lineLink = 'http://../..',
imgUrl = 'http://../..',
shareTitle = 'ページタイトル',
descContent='コンテンツの紹介',
appid = '';
//WeChat js がサポートされているかどうかを判断します
if(WeixinJsBridge の種類 == '未定義'){
if(document.addEventListener){
document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
}else if(document.attachEvent){
document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
}
}その他{
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',
"リンク":lineLink,
"desc":descContent,
"タイトル":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',
"リンク":lineLink,
"desc":descContent,
"タイトル":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',
"リンク":lineLink,
"desc":descContent,
"タイトル":shareTitle
},function(res){
console.log(res.err_msg);
}
})
}

4. Web ページの右上隅にあるボタンを非表示にします

コードをコピーします コードは次のとおりです:

WeixinJsBridge.call('hideOptionMenu');

5. Web ページの下部にあるナビゲーション バーを非表示にします

コードをコピーします コードは次のとおりです:

WeixinJsBridge.call('hideToolbar');

6. 現在のネットワーク接続タイプを取得します:

コードをコピーします コードは次のとおりです:

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

7. ユーザーは を共有することを禁止します。

コードをコピーします コードは次のとおりです:

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

8. WeChat 組み込みブラウザで開くかどうかを決定します

コードをコピーします コードは次のとおりです:

// true または false
var flag = WeixinApi.openInWeixin();

上記の 8 つの項目がこの記事で共有する内容であり、皆様の WeChat 開発に役立つことを願っています。