QQ的二次分享
时间:2019-09-17
本文章向大家介绍QQ的二次分享,主要包括QQ的二次分享使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
方法一:
QQ分享会直接取页面中的meta中的值,注意meta的写法和属性 //页面头部写上以下meta标签 <meta name="title" content="今年双十二应该不会像去年那样惨?"> <meta itemprop="name" content="今年双十二应该不会像去年那样惨?"> <meta name="description" itemprop="description" content="张译文的观点"> <meta itemprop="image" name="image" src="http://zmall.hazq.com:8295/m/tgwd/images/huiying.png" content="http://zmall.hazq.com:8295/m/tgwd/images/huiying.png"> //页面刚开始位置写上一个隐藏的img标签,路径和分享出去的图片一致,避免qq分享直接取页面第一张图片 <div class="share" style="display:none;"> <img src="http://soft.thinkive.com/h5/huaanzx/news/images/weiyapp.png"> </div> 注:如果你的页面分享出去的数据是动态的,那么content需要随便写上一个值然后再重新赋值,不能默认为空,不然重新赋值不起作用 $("meta[name='description']").attr('content',opinionParam.employeename+"的观点"); $("meta[name='title']").attr('content',opinionParam.title); $("title").html(opinionParam.title); $("meta[itemprop='name']").attr('content',opinionParam.title);
$("meta[name='image']").attr('src',"http://zmall.hazq.com:8295/m/tgwd/images/huiying.png");
$("meta[name='image']").attr('content',"http://zmall.hazq.com:8295/m/tgwd/images/huiying.png");
方法二:使用QQ的sdk <script type="text/javascript" src="//open.mobile.qq.com/sdk/qqapi.js?_bid=152"></script> //QQ的二次分享 function qqShare(){ var pageURL = 'http://soft.thinkive.com/h5/huaanzx/tgwd/index.html#!/personalStore/opinionDetail.html?opinion_id=93'; mqq.data.setShareInfo({ title:opinionParam.title, // 分享标题 desc :opinionParam.employeename+"的观点", // 分享内容 image_url :"http://zmall.hazq.com:8295/m/tgwd/images/huiying.png", // 分享图片 share_url:pageURL, // 分享链接 },function(){}); }
注:为了适应安卓和ios,最好这两种方法都在页面中使用。
原文地址:https://www.cnblogs.com/deng-jie/p/11532267.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- C++核心准则T.20:避免定义没有明确语义的“概念”
- 机器学习之独热编码(One-Hot)详解(代码解释)
- TypeScript 实战算法系列(四):实现集合和各种集合运算
- 不知道怎么封装代码?看看这几种设计模式吧!
- 百分浏览器快捷键
- 深度神经网络权值初始化的几种方式及为什么不能初始化为零(1)
- Python_doc.1
- (24)Bash预定义变量
- 数组:每次遇到二分法,都是一看就会,一写就废
- OSPF 路由协议配置
- 项目实战 | 细节决定成败的渗透测试
- 构建Rasa低成本的Docker开发部署环境
- JsonPath实践(五)
- 项目实战 | 细节决定成败的渗透测试
- 工具的使用 | CobaltStrike证书修改躲避流量审查