时间:2021-05-18
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 () {});
}
}
页面元素:
复制代码 代码如下:
<div class="infoPics">
<div class="picImg" ng-repeat="picture in info.infoContent.pitctures">
<img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">
</div>
</div>
2.微信窗口关闭事件,实例如下:
复制代码 代码如下:
WeixinJSBridge.invoke('closeWindow',{},function(res){
//alert(res.err_msg);
});
3.分享网页链接至朋友、朋友圈、微博
复制代码 代码如下:
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.隐藏网页右上角按钮
复制代码 代码如下:
WeixinJsBridge.call('hideOptionMenu');
5.隐藏网页底部导航栏
复制代码 代码如下:
WeixinJsBridge.call('hideToolbar');
6.获取当前网络连接类型:
复制代码 代码如下:
WeixinJsBridge.invoke('getNetworkType',{},function(e){
console.log(e.err_msg);
})
7.禁止用户分享
复制代码 代码如下:
WeixinJsBridge.invoke('disabledShare',{},function(e){
})
8.判断是否在微信内置浏览器中打开
复制代码 代码如下:
// true or false
var flag = WeixinApi.openInWeixin();
以上8条就是本文给大家分享的内容了,希望对大家的微信开发能有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
javascript中一些util方法汇总/***************原生对象工类方法****************//***判断非空*@paramobj
上一篇文章写到原生js取代jquery的一些常用函数:原生js仿jquery一些常用方法,那么,ajax如何实现呢?如下是一个比较完整的ajax()functi
微信推出一个叫「微信使用小助手」的小程序,专门把微信中的一些常用操作制作成了视频教程,方便长辈们更方便地学习使用微信。 微信使用小助手怎么用?微信使用小助
微信推出一个叫「微信使用小助手」的小程序,专门把微信中的一些常用操作制作成了视频教程,方便长辈们更方便地学习使用微信。 微信使用小助手怎么用?微信使用小助
easyui的validatebox()提供了自定义验证的方法,为此我把一些常用的数据验证汇总了一下,代码如下$.extend($.fn.validatebox