关于微信端分享页面的设置问题
来源:互联网 发布:宁波java培训班 编辑:程序博客网 时间:2024/05/29 15:20
一、
//js接口
var shareme;
var urls = window.location.href;if(isWeiXin()){
var weifileref=document.createElement('script')//创建标签
weifileref.setAttribute("type","text/javascript")//定义属性type的值为text/javascript
weifileref.setAttribute("src", "http://res.wx.qq.com/open/js/jweixin-1.0.0.js")//文件的地址
document.getElementsByTagName("head")[0].appendChild(weifileref);
}
function isWeiXin(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}else{
return false;
}
}
//修改jq
$(window).load(function(){
if(isWeiXin()){
$.ajax({
type: "POST",
async: false, //同步请求
url: "",
data:{
urls:urls
},
jsonp: 'callback',
dataType: 'jsonp',
success:function(data){
shareme = eval(data);
wx.config({
debug: false,
appId: shareme.appId,
timestamp: shareme.timestamp,
nonceStr: shareme.nonceStr,
signature: shareme.signature,
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'hideMenuItems',
'showMenuItems',
'hideAllNonBaseMenuItem',
'showAllNonBaseMenuItem'
]
});
wx.ready(function () {
//判断当前版本是否支持指定 JS 接口,支持批量判断
wx.checkJsApi({
jsApiList: [
'getNetworkType',
'previewImage',
'onMenuShareTimeline',
'onMenuShareAppMessage'
],
success: function (res) {
},
fail:function(){
alert('抱歉您的微信版本有问题不支持分享功能!');
}
});
//分享接口
//监听“分享给朋友”
wx.onMenuShareAppMessage({
title: '速途网络热招岗位',
desc: '速途网络感谢您的关注!',
link: 'http:/',
imgUrl: /share.png',
trigger: function (res) {
//alert('用户点击发送给朋友');
},
success: function (res) {
//alert('已分享');
},
cancel: function (res) {
//alert('已取消');
},
fail: function (res) {
//alert(JSON.stringify(res));
}
});
// 监听“分享到朋友圈”按钮点击
wx.onMenuShareTimeline({
title: '速途网络热招岗位',
desc: '速途网络感谢您的关注!',
link: 'http://',
imgUrl: '/share.png',
trigger: function (res) {
//alert('用户点击分享到朋友圈');
},
success: function (res) {
//alert('已分享');
},
cancel: function (res) {
//alert('已取消');
},
fail: function (res) {
// alert(JSON.stringify(res));
}
});
});
wx.error(function (res) {
//alert(res.errMsg);
});
},
error: function () {
}
});
}else{
//alert("对不起您不在微信浏览器中,不支持分享功能!");
return false;
}
});
//不过不知道为什么,试了半天这个方法我一直没有效果,好像接口链接不太对
二、
head里的title就是分享的问题
分享的图片,一般就是每页的body里面的第一张图片,300*300以上才行;
可以写个div,包含想要的img,然后设置div隐藏,img隐藏的话实现不了。
0 0
- 关于微信端分享页面的设置问题
- 分享关于页面跳转和流量统计的问题。
- [原创][分享]关于JAVA的环境变量设置问题
- 探讨关于404错误页面设置的问题
- 关于页面过期的设置
- 关于页面刷新的问题
- 关于页面刷新的问题
- 关于页面关闭的问题
- 关于页面刷新的问题
- 关于页面居中的问题
- 关于页面自适应的问题
- 关于页面定位的问题
- 关于tomcat默认页面的设置!!!
- 关于tomcat默认页面的设置!!!
- 关于.net 设置404页面的说明
- Apache中关于页面缓存的设置
- 分享两个关于数据库连接问题的解决方案
- 关于友盟分享的小问题
- Qt4 inputpanel 升级改造
- kubernetes学习笔记------kubectl: command not found
- Android Sdk国内开发地址
- orcale 查询两个不同的条件的结果的差值(minus)
- AIX-topas命令
- 关于微信端分享页面的设置问题
- Java开发中的23种设计模式详解
- 知乎 如何才能热爱生活,对生活充满激情
- Android网络请求框架:Android-async-http简单使用
- 二级多菜单
- 数据解析
- ffmpeg 在ubuntu12.04上的编译
- android横向ListView(HorizontalListView)
- Centos 5.3安装增强工具时报错权限不够