版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。
版权
web前端专栏收录该内容
14 篇文章0 订阅
订阅专栏
手机QQ访问时,html页面在QQ中自定义预览和自定义分享
有一天,产品说要做个自定义预览和分享功能,于是很快在微信上实现了,可是不知道在QQ上怎么实现,查看了很多网站,最后才找到了解决方案,于是想和大家分享一下。
一、首先来看看效果。
1.预览效果图
使用手机QQ客户端或者PC版的QQ发送http链接给别人后,在手机QQ端看到的并不是http链接,而是自己定义的图片和标题以及描述。
这样做的好处就是可以马上让对方了解这个页面的大概内容。
2.打开页面分享给朋友
打开的地址:http://3.wxcarlsvn.sinaapp.com/shareTest.html
预览效果如下图:
二、那么这种效果是怎么实现的呢?
本来我以为会像微信一样,腾讯提供了什么特别的接口(如微信官网文档:http://mp.weixin.qq.com/wiki/7/1c97470084b73f8e224fe6d9bab1625b.html)。
但是经过查找资料发现QQ并没有提供前端的接口,只有PC端和移动端app的接口。
找了好久才发现,只需要在html页面中head标签中加入如下代码即可。