1. Faites glisser à gauche et à droite pour voir les images , comme suit:
Effet JS
La copie de code est la suivante:
var images = [];
angular.ForEach (pitctures, fonction (k, i) {
images [i] = k.imgpath;
});
$ scope.previewpics = fonction (currentUrl) {
if (typeof window.weixinjsbridge! = 'undefined') {
// Voir la collection d'images WeChat
Weixinjsbridge.invoke ('ImagePreview', {
«Current»: CurrentUrl, // Adresse actuelle
'URLS': Photos // Groupe
});
} autre {
alert ("Veuillez le vérifier dans WeChat", null, function () {});
}
}
Éléments de la page:
La copie de code est la suivante:
<div>
<div ng-repeat = "image dans info.infocontent.pitctures">
<img ng-src = "{{image.imgpath}}" ng-Click = "PreviewPics (image.imgpath)">
</div>
</div>
2. L'événement de fermeture de la fenêtre WeChat , comme indiqué ci-dessous:
La copie de code est la suivante:
Weixinjsbridge.invoke ('closerwindow', {}, function (res) {
//alert(res.err_msg);
});
3. Partagez le lien de la page Web vers des amis, Circle of Friends, Weibo
La copie de code est la suivante:
var lineLink = 'http: //../ ..',
imgurl = 'http: //../ ..',
ShareTitle = 'Page Title',
desccontent = 'Introduction au contenu',
appid = '';
// juger si WeChat JS est soutenu
if (typeof weixinjsbridge == 'undefined') {
if (document.addeventListener) {
document.addeventListener ('Weixinjsbridgeready', OnBridgeready, false);
} else if (document.attachevent) {
Document.Attachevent («Weixinjsbridgeready», OnBridgeready);
document.attachevent ('onweixinjsbridgeready', onBridgeready);
}
}autre{
onBridgeready ();
}
fonction onBridGeready () {
Weixinjsbridgeready.on ('menu: partager: AppMessage', wx_sharefriend); // partager des amis
Weixinjsbridgeready.on ('menu: partager: timeline', wx_sharetimeline); // partager avec des amis cercle
Weixinjsbridgeready.on ('menu: partager: weibo', wx_shareweibo); // partager des amis
}
fonction wx_sharefriend () {
Weixinjsbridge.invoke ('sendAppMessage', {
"Appid": Appid,
"img_url": imgurl,
"img_width": '640',
"img_height": '500',
"lien": lineLink,
"Desc": desccontent,
"Titre": Sharetitle
}, fonction (res) {
console.log (res.err_msg);
}
});
}
fonction wx_sharetimeline () {
Weixinjsbridge.invoke ('Sendtimeline', {
"Appid": Appid,
"img_url": imgurl,
"img_width": '640',
"img_height": '500',
"lien": lineLink,
"Desc": desccontent,
"Titre": Sharetitle
}, fonction (res) {
console.log (res.err_msg);
}
})
}
fonction wx_shareweibo () {
Weixinjsbridge.invoke ('sendweibo', {
"Appid": Appid,
"img_url": imgurl,
"img_width": '640',
"img_height": '500',
"lien": lineLink,
"Desc": desccontent,
"Titre": Sharetitle
}, fonction (res) {
console.log (res.err_msg);
}
})
}
4. Cachez le bouton dans le coin supérieur droit de la page Web
La copie de code est la suivante:
Weixinjsbridge.call ('hideoptionmenu');
5. Masquer la barre de navigation en bas de la page Web
La copie de code est la suivante:
Weixinjsbridge.call ('Hidetoolbar');
6. Obtenez le type de connexion réseau actuel:
La copie de code est la suivante:
Weixinjsbridge.invoke ('getNetWorkType', {}, fonction (e) {
console.log (e.err_msg);
})
7. Interdire le partage des utilisateurs
La copie de code est la suivante:
Weixinjsbridge.invoke ('DisabledShare', {}, fonction (e) {
})
8. Déterminez s'il est ouvert dans le navigateur intégré de WeChat
La copie de code est la suivante:
// vrai ou faux
var flag = weixinapi.openinweixin ();
Les 8 éléments ci-dessus sont le contenu partagé par cet article. J'espère que cela sera utile à votre développement WeChat.