zoukankan      html  css  js  c++  java
  • 手机QQ访问时,html页面在QQ中自定义预览和自定义分享

    手机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标签中加入如下代码即可。

        <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"><!-- 图片 -->
  • 相关阅读:
    mysql 修改时锁定技术
    eclipse配置java虚拟机的方法 转
    Highcharts2.3.2 网页曲线绘制工具 一淘网价格曲线
    Linux Shell常用技巧(目录) by Stephen Liu
    为zend studio添加phpdocumentor插件
    graphviz入门
    性价比超高的北斗小辣椒
    notepad++和graphviz配合使用
    搜狗的三级火箭
    电信版小黄蜂 双模天语E619亮相3G展会
  • 原文地址:https://www.cnblogs.com/jinhuazhe2013/p/5007040.html
Copyright © 2011-2022 走看看