<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网页微信分享链接不能显示缩略的更多相关文章

  1. 通过微信分享链接,后面会被加上from=singlemessage&isappinstalled=1可能导致网页打不开

    微信分享会根据分享的不同,为原始链接拼接如下参数: 朋友圈   from=timeline&isappinstalled=0 微信群   from=groupmessage&isapp ...

  2. 微信分享链接出现config:invalid signature错误的解决方法

    首先贡献jssdk下载地址:http://demo.open.weixin.qq.com/jssdk/sample.zip  不建议大家在*SDN上花钱买积分下载 当开发微信时需要做特定的页面做分享时 ...

  3. 通过微信分享链接,后面被加上from=singlemessage&isappinstalled=1导致网页打不开

    微信分享会根据分享的不同,为原始链接拼接如下参数: 朋友圈   from=timeline&isappinstalled=0微信群   from=groupmessage&isappi ...

  4. iOS 学习 - 13.微信分享链接、QQ 分享图片

    准备工作---原文来自这个 首先要在微信开放平台申请 AppID 和 QQ ID(我第一天晚上申请的,第二天中午就通过了),接着导入 SDK,也就是3个 .h 和一个 .a 文件,详情见这里 如果你是 ...

  5. 基于h5+的微信分享,hbuilder打包

    1.打开app项目的manifest.json的文件,选择模块权限配置,将Share(分享)模块添加至已选模块中 2.选择SDK配置,在plus.share·分享中,勾选□ 微信消息及朋友圈,配置好a ...

  6. H5页面微信分享和手Q分享设置

    RT: 一. 手Q分享: 如下代码所示:设置好 description,name,image,即可,唯一注意的是image最好是200*200,要不然过小不美观,过大加载太慢 <head> ...

  7. vue微信分享链接添加动态参数

    微信分享时 分享链接携带参数可能不是固定的 需要在分享的前一刻才知道 这里就是动态设置分享链接的基本写法 代码不是那么详尽 但大致流程如下 1.安装引用jssdk npm install --save ...

  8. css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题

    近期在负责一个微信H5 App项目,遇到一个郁闷的问题,手机浏览器查看网页时图标都是模糊的,有锯齿,电脑浏览器显示则是正常.大概知道是分辨率适配等类型的问题,后来网上查找了一些办法.大部分的解决方式都 ...

  9. 解决H5在微信浏览器或QQ浏览器修改title的问题

    传送门:http://blog.csdn.net/code_for_free/article/details/51195468 如果是Android,使用 document.title = ‘1231 ...

随机推荐

  1. ubuntu14.04上引入thinkphp5类库遇到的一个问题

    ubuntu14.04 上加载OSS\OssClient() ;--->在vendor文件夹下的文件要用大写OSS 小写的报错 无法加载类库 Vendor('OSS.autoload');//引 ...

  2. git与eclipse集成之添加.gitignore文件

    1.1. 添加.gitignore文件 .gitignore 配置文件用于配置不需要加入版本管理的文件 1.以斜杠/开头表示目录: 2.以星号*通配多个字符: 3.以问号?通配单个字符 4.以方括号[ ...

  3. Struts2框架下的文件上传文件类型、名称约定

    Struts2框架下的文件上传机制:1.通过multipart/form-data form提交文件到服务器2.文件名是通过什么地方设置的?在strust2的FileUploadInterceptor ...

  4. OTP

    OTP 是 One Time Programable, 一次性可编程,一种存储器类型.顾名思义,只允许一次编程,后面无法修改. 在嵌入式系统当中,所有的代码和系统数据都是存储在flash芯片内部的,f ...

  5. zepplin0.7.2报错ERROR, exception: null, result: %text java.lang.NullPointerException的处理

    zepplin0.7.2报错ERROR, exception: null, result: %text java.lang.NullPointerException的处理 问题描述: 使用zeppli ...

  6. Java多线程之控制执行顺序

    概念: 多线程在并发环境中的正常执行顺序是随机无序的,并不能按照期盼的结果输出. 因为启动一个线程时,线程并不会立即执行,而是等待CPU的资源调度,CPU能调度哪个线程,是通过多种复杂的算法计算而来. ...

  7. hive学习03-求一年中的最大温度

    知识点: substr.concat函数的使用: row_number() over(distribute by year sort by temp desc)  #按照年分组,按照tmp去排序  需 ...

  8. 来,了解一下Java内存模型(JMM)

    网上有很多关于Java内存模型的文章,在<深入理解Java虚拟机>和<Java并发编程的艺术>等书中也都有关于这个知识点的介绍.但是,很多人读完之后还是搞不清楚,甚至有的人说自 ...

  9. Markdown 简介及基础语法

    一.Markdown 简介 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. 二.Markdown 基础语法 1. Markdown ...

  10. Confluence 6 用户目录图例 - 只读连接 LDAP 整合本地用户组

    上面的图:Confluence  连接到一 LDAP 目录,权限对本地用户组设置为只读. https://www.cwiki.us/display/CONFLUENCEWIKI/Diagrams+of ...