前端开发

 首页 > 前端开发 > html教程 > HTML5中外部浏览器唤起微信分享功能的代码最新评论添加评论

HTML5中外部浏览器唤起微信分享功能的代码最新评论添加评论

分享到:
【字体:
导读:
         [导读] HTML5中外部浏览器唤起微信分享功能的代码...

最近在做一个手机站,要求点击分享可以直接打开微信分享出去。而不是jiathis,share分享这种的点击出来二维码。在网上看了很多,都说APP能唤起微信,手机网页实现不了。也找了很多都不能直接唤起微信。

总结出来一个可以直接唤起微信的。适应手机qq浏览器和uc浏览器。

下面上代码,把这些直接放到要转发的页面里就可以了:

html部分:

//引进mshare.js


js部分:


下面是mshare.js的代码分享,把这些代码新建一个js文件放进去,然后在页面中引进就ok了。

/**
 * 此插件主要作用是在UC和QQ两个主流浏览器
 * 上面触发微信分享到朋友圈或发送给朋友的功能
 */
'use strict';
var UA = navigator.appVersion;
 
/**
 * 是否是 UC 浏览器
 */
var uc = UA.split('UCBrowser/').length > 1 ? 1 : 0;
 
/**
 * 判断 qq 浏览器
 * 然而qq浏览器分高低版本
 * 2 代表高版本
 * 1 代表低版本
 */
var qq = UA.split('MQQBrowser/').length > 1 ? 2 : 0;
 
/**
 * 是否是微信
 */
var wx = /micromessenger/i.test(UA);
 
/**
 * 浏览器版本
 */
var qqVs = qq ? parseFloat(UA.split('MQQBrowser/')[1]) : 0;
var ucVs = uc ? parseFloat(UA.split('UCBrowser/')[1]) : 0;
 
/**
 * 获取操作系统信息  iPhone(1)  Android(2)
 */
var 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文件
 */
var qqBridgeLoaded = false;
 
// 进一步细化版本和平台判断
if ((qq && qqVs 

好了,这样就可以直接唤起微信进行分享啦

总结

到此这篇关于HTML5中外部浏览器唤起微信分享功能的代码的文章就介绍到这了,更多相关html5外部唤起微信分享内容请搜索自学php网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持自学php网!

分享到:
canvas绘制图片drawImage使用方法最新评...
不得不说,html5中的canvas真的非常强大,从图片处理,到视频处理,再到游戏开发,都能见到canvas的身影,然而,就这一个标签,功能居然如此强大,这主要归功于canvas强大的API,也正是因为这么多的API,让很多人对canvas望而却步。 drawImage绘制图片 drawImage是canvas提供的一个方法,通过这个函数我们可以把一张图...
在HTML里加载摄像头的方法最新评论添加评...
今天带来在HTML里加载摄像头的方法教程详解效果图: 整体效果: 视频加载:     拍照: 以上就是关于在HTML里加载摄像头的方法全部内容,感谢大家支持自学php网。
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……