解决h5网页微信分享链接不能显示缩略
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>  
<script type="text/javascript">  
var imgUrl = 'http://cdn-app-qn.colorv.cn/img/test/f511d8de5f770e35b1e6ba681115e0476b0a9e807d7c3-Xle0kk_fw658_36cfdf43fbe1c09187046ba228acb0c9.jpg'; // 分享后展示的一张图片                   
var lineLink = 'http://xxxxx.com/指定页面链接'; // 点击分享后跳转的页面地址 可以写 var lineLin = location.href;  
var descContent = "这是我要分享的内容的描述"; // 分享后的描述信息  
var shareTitle = '彩视的分享,视频分享'; // 分享后的标题  
$.ajax({  
url: 'http://xxxxx.com/api/getTicketList',  //后台获取js的接口列表  
type: 'get',  
dataType: 'json',  
success: function(resp) {  
wx.config({  
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。  
appId: resp.data.appId, // 必填,公众号的唯一标识  
timestamp: resp.data.timestamp, // 必填,生成签名的时间戳  
nonceStr: resp.data.nonceStr, // 必填,生成签名的随机串  
signature: resp.data.signature, // 必填,签名,见附录1  
jsApiList: resp.data.jsApiList // 必填,需要使用的JS接口列表,所有JS接口列表见附录2  
});  
}  
});  
function shareFriend() {  
                                // 用户确认分享后执行的回调函数  
},  
})  
}  
function shareTimeline() {  
wx.onMenuShareTimeline({  
title: shareTitle, // 分享标题  
link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
imgUrl: imgUrl, // 分享图标  
success: function() {  
// 用户确认分享后执行的回调函数  
},  
})  
}  
function shareQQ() {  
wx.onMenuShareQQ({  
title: shareTitle, // 分享标题  
desc: descContent, // 分享描述  
link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
imgUrl: imgUrl, // 分享图标  
success: function() {  
// 用户确认分享后执行的回调函数  
},  
});  
}  
function shareQZone() {  
wx.onMenuShareQZone({  
title: shareTitle, // 分享标题  
desc: descContent, // 分享描述  
link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
imgUrl: imgUrl, // 分享图标  
success: function() {  
// 用户确认分享后执行的回调函数  
},  
});  
}  
function shareWeibo() {  
wx.onMenuShareWeibo({  
title: shareTitle, // 分享标题  
desc: descContent, // 分享描述  
link: lineLink, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致  
imgUrl: imgUrl, // 分享图标  
success: function() {  
// 用户确认分享后执行的回调函数  
},  
});  
}  
wx.ready(function(){  
// 发送给好友  
shareFriend();  
// 分享到朋友圈  
shareTimeline();  
// 分享到qq  
shareQQ();  
// 分享到QZone  
shareQZone();  
// 分享到weibo  
shareWeibo();  
});  
</script>

解决h5网页微信分享链接不能显示缩略的更多相关文章
- 通过微信分享链接,后面会被加上from=singlemessage&isappinstalled=1可能导致网页打不开
		
微信分享会根据分享的不同,为原始链接拼接如下参数: 朋友圈 from=timeline&isappinstalled=0 微信群 from=groupmessage&isapp ...
 - 微信分享链接出现config:invalid signature错误的解决方法
		
首先贡献jssdk下载地址:http://demo.open.weixin.qq.com/jssdk/sample.zip 不建议大家在*SDN上花钱买积分下载 当开发微信时需要做特定的页面做分享时 ...
 - 通过微信分享链接,后面被加上from=singlemessage&isappinstalled=1导致网页打不开
		
微信分享会根据分享的不同,为原始链接拼接如下参数: 朋友圈 from=timeline&isappinstalled=0微信群 from=groupmessage&isappi ...
 - iOS 学习 - 13.微信分享链接、QQ 分享图片
		
准备工作---原文来自这个 首先要在微信开放平台申请 AppID 和 QQ ID(我第一天晚上申请的,第二天中午就通过了),接着导入 SDK,也就是3个 .h 和一个 .a 文件,详情见这里 如果你是 ...
 - 基于h5+的微信分享,hbuilder打包
		
1.打开app项目的manifest.json的文件,选择模块权限配置,将Share(分享)模块添加至已选模块中 2.选择SDK配置,在plus.share·分享中,勾选□ 微信消息及朋友圈,配置好a ...
 - H5页面微信分享和手Q分享设置
		
RT: 一. 手Q分享: 如下代码所示:设置好 description,name,image,即可,唯一注意的是image最好是200*200,要不然过小不美观,过大加载太慢 <head> ...
 - vue微信分享链接添加动态参数
		
微信分享时 分享链接携带参数可能不是固定的 需要在分享的前一刻才知道 这里就是动态设置分享链接的基本写法 代码不是那么详尽 但大致流程如下 1.安装引用jssdk npm install --save ...
 - css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题
		
近期在负责一个微信H5 App项目,遇到一个郁闷的问题,手机浏览器查看网页时图标都是模糊的,有锯齿,电脑浏览器显示则是正常.大概知道是分辨率适配等类型的问题,后来网上查找了一些办法.大部分的解决方式都 ...
 - 解决H5在微信浏览器或QQ浏览器修改title的问题
		
传送门:http://blog.csdn.net/code_for_free/article/details/51195468 如果是Android,使用 document.title = ‘1231 ...
 
随机推荐
- Linux kernel学习-内存管理【转】
			
转自:https://zohead.com/archives/linux-kernel-learning-memory-management/ 本文同步自(如浏览不正常请点击跳转):https://z ...
 - MySQL报错InnoDB: A long semaphore wait【转】
			
mysql登录后无法执行命令如show processlist 查看MySQL错误日志 参考以下方法,执行 1.系统层面 [root@pisphkdcbsql01 ~]# cat /proc/sys/ ...
 - vue之router钩子函数
			
模块一:全局导航钩子函数 1.vue router.beforeEach(全局前置守卫) beforeEach的钩子函数,它是一个全局的before 钩子函数, (before each)意思是在 每 ...
 - NDK历史版本下载方法
			
再比如说,你要下载Android NDK, Revision 8b ,只要下面链接就可以了: http://dl.google.com/android/ndk/android-ndk-r8b-Linu ...
 - 用Openssl计算ECDSA签名
			
ECDSA的全名是Elliptic Curve DSA,即椭圆曲线DSA.它是Digital Signature Algorithm (DSA)应用了椭圆曲线加密算法的变种.椭圆曲线算法的原理很复杂, ...
 - ubuntu 16.04 修正网卡与ifname对应关系
			
一台工控机,含有6个网口,但是名称 enp3s0 等等与网口顺序对应不起来. 现在修改脚本 /etc/udev/rules.d/70-persistent-net.rules ,如果文件不存在,可以 ...
 - 请求Jenkins链接返回403
			
使用python请求Jenkins链接,返回403 1.使用正确的账号密码(Jenkins -> 系统设置 -> 全局安全设置),该账户拥有访问该Jenkins链接的权限 2.代码中的账号 ...
 - c++ 值转换
			
1.double,float 四舍五入,保留小数位数. void MainWindow::on_pushButton_clicked() { double number=3.141592; ); qD ...
 - Freeswitch 入门
			
让我们从最初的运行开始,一步一步进入 FreeSWITCH 的神秘世界. 命令行参数 一般来说,FreeSWITCH 不需要任何命令行参数就可以启动,但在某些情况下,你需要以一些特殊的参数启动.在此, ...
 - useful tips for python
			
import module; help(module.function) import module; help(module.class)