UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)

Posted 漆黑小T

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)相关的知识,希望对你有一定的参考价值。

转载(声明:仅供学习使用)

/**

* 此插件主要作用是在UC和QQ两个主流浏览器
* 上面触发微信分享到朋友圈或发送给朋友的功能
* 代码编写过程中 参考:
* http://mjs.sinaimg.cn/wap/module/share/201501261608/js/addShare.js
* 此外,JefferyWang的项目对我也有一定启示:
* https://github.com/JefferyWang/nativeShare.js
*
* @revisor [email protected]
*/

!(function(global) {
‘use strict‘;

var UA, uc, qq, wx, tc, qqVs, ucVs, os,qqBridgeDone;
var config;

UA = navigator.appVersion;

// 是否是 UC 浏览器
uc = UA.split(‘UCBrowser/‘).length > 1 ? 1 : 0;

// 判断 qq 浏览器
// 然而qq浏览器分高低版本 2代表高版本 1代表低版本
qq = UA.split(‘MQQBrowser/‘).length > 1 ? 2 : 0;

// 是否是微信
wx = UA.match(/MicroMessenger/i) == ‘micromessenger‘;

// 浏览器版本
qqVs = qq ? parseFloat(UA.split(‘MQQBrowser/‘)[1]) : 0;
ucVs = uc ? parseFloat(UA.split(‘UCBrowser/‘)[1]) : 0;

//获取操作系统信息 iPhone(1) android(2)
os = (function () {
var ua = navigator.userAgent;

if (/iphone|ipod/i.test(ua)) {
return 1;
} else if(/android/i.test(ua)){
return 2;
} else {
return 0;
}
}());

// qq浏览器下面 是否加载好了相应的api文件
qqBridgeDone = false;

// 进一步细化版本和平台判断
// 参考: https://github.com/JefferyWang/nativeShare.js
// http://mjs.sinaimg.cn/wap/module/share/201501261608/js/addShare.js
if ((qq && qqVs < 5.4 && os == 1) || (qq && qqVs < 5.3 && os == 1)) {
qq = 0;
} else {
if (qq && qqVs < 5.4 && os == 2) {
qq = 1;
} else {
if (uc && ( (ucVs < 10.2 && os == 1) || (ucVs < 9.7 && os == 2) )) {
uc = 0;
}
}
}

/**
* qq浏览器下面 根据不同版本 加载对应的bridge
* @method loadqqApi
* @param {Function} cb 回调函数
*/
function loadqqApi(cb) {
if (!qq) { // qq == 0
return cb && cb();
}

var qqApiScript = document.createElement(‘script‘);
//需要等加载过qq的接口文档之后,再去初始化分享组件
qqApiScript.onload = function () {cb && cb();};
qqApiScript.onerror = function () {};

以上是关于UC和QQ两个主流浏览器 * 点击触发微信分享到朋友圈或发送给朋友的功能(转载)的主要内容,如果未能解决你的问题,请参考以下文章

h5直接分享的实现方案

实现手机网页调起原生微信朋友圈分享的工具nativeShare.js

H5页面在QQ和微信上分享,怎么自定义设置图片和摘要?

微信支付—微信H5支付「非微信内部浏览器-QQ/UC浏览器等」

各主流浏览器(PC移动端)userAgent属性信息

电脑微信打开网页黑屏?