QQ分享文案设置本文已参与「新人创作礼」活动，一起开启掘金创作之路。 QQ开放的文档比较杂乱，各个年代的都有，很多都失效

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

QQ开放的文档比较杂乱，各个年代的都有，很多都失效了，经由测试有效的代码（截至发文日期）如下：

测试有效的代码

<script src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
<script>
  setShareInfo({
    title: '父爱，在你看不到的地方', // 分享标题
    summary: '父爱如山，感觉不到只因身在此山中', // 分享内容
    pic: 'http://qzonestyle.gtimg.cn/aoi/sola/20150617094556_OvfOpoRKRB.png', // 分享图片
});


// 如对项目大小有要求可以使用如下判断来决定是否引入此文件并执行分享设置
// 是否是手机QQ内置浏览器  说明：QQ内置浏览器跟QQ浏览器应用的ua都有QQ关键字 但QQ内置浏览器的ua有个QQ版本号可以用这个区分QQ浏览器应用的ua QQBrowser；
if (/QQ\/\d/i.test(window.navigator.userAgent)) {}
</script>

其余官方提供的方式

QQ官网提供的文档能查到的方法有三种首先是这个文档中提供的两种方式，经测试验证无效 open.mobile.qq.com/api/mqq/ind…

meta设置

<meta itemprop="name" content="这是分享的标题"/>
<meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" />
<meta name="description" itemprop="description" content="这是要分享的内容" />

window挂载的方法

window.mqq.invoke("data","setShareInfo", {
    share_url: window.OPEN_DATA && window.OPEN_DATA.shareurl,
    title: 'H5应用',
    desc: 'H5开放平台',
    image_url: 'http://i.gtimg.cn/open/app_icon/05/58/35/77/1105583577_100_m.png'
});

SDK
然后是这个文档中提供的一种方式，也就是最上边提到的经测试有效的代码。 open.mobile.qq.com/api/compone… 这个脚本同时还支持微信分享初始化，有需要的可以看下文档。

我的个人公众号：归园田居每日分享前端知识与资讯～