手机浏览器唤起微信分享(JS)_js唤醒微信,js调用浏览器分享 - CSDN文库

5星 · 超过95%的资源需积分: 44 58 浏览量更新于2023-05-03 评论 1 收藏 49KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

手机浏览器唤起微信分享手机浏览器唤起微信分享(JS)

最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上

看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。

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

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

html部分：

<script src="mshare.js"></script>//引进mshare.js

<button data-mshare="0">点击弹出原生分享面板</button>

<button data-mshare="1">点击触发朋友圈分享</button>

<button data-mshare="2">点击触发发送给微信朋友</button>

js部分：

<script>

var mshare = new mShare({

title: 'Lorem ipsum dolor sit.',

url: 'http://m.ly.com',

desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat inventore minima voluptates.',

img: 'http://placehold.it/150x150'

});

$('button').click(function () {

// 1 ==> 朋友圈 2 ==> 朋友 0 ==> 直接弹出原生

mshare.init(+$(this).data('mshare'));

});

</script>

下面是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;

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论5

whph

2023-07-28

这个文件实现了手机浏览器唤起微信分享功能，使用起来非常方便。

weixin_38545768

粉丝: 8
资源: 941

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈