首页 > 移动平台 > 详细

手机QQ访问时,html页面在QQ中自定义预览和自定义分享

时间:2015-11-30 14:35:18      阅读:1957      评论:0      收藏:0      [点我收藏+]

手机QQ访问时,html页面在QQ中自定义预览和自定义分享

                ——找了好久才发现原来如此实现……。

一、首先来看看效果。

1.预览效果图

预览地址:http://3.wxcarlsvn.sinaapp.com/shareTest.html

技术分享

技术分享

2.打开页面分享给朋友

打开的地址:http://3.wxcarlsvn.sinaapp.com/shareTest.html

技术分享

预览效果如下图:

技术分享

 

二、那么这种效果是怎么实现的呢?

本来我以为会像微信一样,腾讯提供了什么特别的接口(如微信官网文档:http://mp.weixin.qq.com/wiki/7/1c97470084b73f8e224fe6d9bab1625b.html)。

但是经过查找资料发现QQ并没有提供前端的接口,只有PC端和移动端app的接口。

找了好久才发现,只需要在html页面中head标签中加入如下代码即可。

    <meta name="description" itemprop="description" content="这里是自定义分享的描述---Carl Zhang">
    <meta itemprop="name" content="这里是标题">
    <meta itemprop="image" content="http://static.acg12.com/uploads/2015/08/d338720078a8177c2ca568e91f36e4e7-192x192.png"><!-- 图片 -->

 

手机QQ访问时,html页面在QQ中自定义预览和自定义分享

原文:http://www.cnblogs.com/jinhuazhe2013/p/5007040.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!