微信分享的标题、缩略图、连接及描述设置方法

 更新时间:2014年10月14日 17:39:55   投稿:whsnow  
微信分享的标题、缩略图、连接及描述该如何设置,这个问题确实难道不少朋友,下面有个示例,大家可以看看

微信分享的标题、缩略图、连接及描述该如何设置,使用微信分享过程中会遇到这个情况,无解的朋友可以看看下面的代码

<script> 
var imgUrl = 'http://topic.xcar.com.cn/201403/ad_q3/pic/banner.jpg'; 
var lineLink = 'http://topic.xcar.com.cn/201403/ad_q3/index.php'; 
var descContent = "http://topic.xcar.com.cn/201403/ad_q3/index.php"; 
var shareTitle = '【奥迪Q3开启尊享礼遇季】报名试驾,赢取精美礼品'; 
var appid = 'wxc9937e3a66af6dc8'; 

function shareFriend() { 
WeixinJSBridge.invoke('sendAppMessage',{ 
"appid": appid, 
"img_url": imgUrl, 
"img_width": "640", 
"img_height": "640", 
"link": lineLink, 
"desc": descContent, 
"title": shareTitle 
}, function(res) { 
_report('send_msg', res.err_msg); 
}) 
} 
function shareTimeline() { 
WeixinJSBridge.invoke('shareTimeline',{ 
"img_url": imgUrl, 
"img_width": "640", 
"img_height": "640", 
"link": lineLink, 
"desc": descContent, 
"title": shareTitle 
}, function(res) { 
_report('timeline', res.err_msg); 
}); 
} 
function shareWeibo() { 
WeixinJSBridge.invoke('shareWeibo',{ 
"content": descContent, 
"url": lineLink, 
}, function(res) { 
_report('weibo', res.err_msg); 
}); 
} 
// 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。 
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { 

// 发送给好友 
WeixinJSBridge.on('menu:share:appmessage', function(argv){ 
shareFriend(); 
}); 

// 分享到朋友圈 
WeixinJSBridge.on('menu:share:timeline', function(argv){ 
shareTimeline(); 
}); 

// 分享到微博 
WeixinJSBridge.on('menu:share:weibo', function(argv){ 
shareWeibo(); 
}); 
}, false); 
</script>

相关文章

  • html5+CSS 实现禁止IOS长按复制粘贴功能

    html5+CSS 实现禁止IOS长按复制粘贴功能

    因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴。禁止在网上找了很多资料,下面小编给大家分享解决方案,一起看看吧
    2016-12-12
  • Popup对象实现右键菜单

    Popup对象实现右键菜单

    Popup对象实现右键菜单...
    2006-09-09
  • JS控制表单提交的方法

    JS控制表单提交的方法

    这篇文章主要介绍了JS控制表单提交的方法,可实现基于javascript提交表单信息的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 前端性能优化及技巧

    前端性能优化及技巧

    这篇文章主要介绍了前端性能优化及技巧,需要的朋友可以参考下
    2016-05-05
  • JavaScript 九种跨域方式实现原理

    JavaScript 九种跨域方式实现原理

    这篇文章主要介绍了JavaScript 九种跨域方式实现原理,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • JavaScript实现时间表动态效果

    JavaScript实现时间表动态效果

    这篇文章主要为大家详细介绍了JavaScript实现时间表动态效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 游览器中javascript的执行过程(图文)

    游览器中javascript的执行过程(图文)

    在讲这个问题之前,先来补充几个知识点,如果对此已经比较了解可以直接跳过
    2012-05-05
  • js实现计算器功能

    js实现计算器功能

    这篇文章主要为大家详细介绍了js实现计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • js中let和var定义变量的区别

    js中let和var定义变量的区别

    这篇文章主要介绍了js中let和var定义变量的区别,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02
  • 使用JS代码实现点击按钮下载文件

    使用JS代码实现点击按钮下载文件

    有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?今天小编给大家分享两种方法实现js实现点击按钮下载文件,需要的朋友参考下吧
    2016-11-11

最新评论