用手机UC浏览器访问新浪微博，会注意到有这样的两个分享按钮：

在手机端浏览器里，点击分享按钮，就可以启动微信客户端并分享到微信。研究了下其源代码，存在这样的一个js：http://mjs.sinaimg.cn/wap/module/share/201504071745/js/addShare.min.js

从里面抽离出了分享调用的方法，方便调用。(注意：这个分享功能只在UC手机浏览器有效)

if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {

        if (window.location.href.indexOf("?mobile") < 0) {

            try {

                //判断是手机端访问

                if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {  

                //判断是UC浏览器

                    if (typeof (ucweb) != "undefined") {  

                        //微信好友

                        $("#btnShareFirend").unbind();

                        $("#btnShareFirend").bind("click", function () {

                            var Browser = new Object();

                            Browser.ios = /iphone/.test(Browser.userAgent); //判断ios系统

                            var title = document.title;

                            var img = "";

                            var url = location.href;

                            if (Browser.ios) {

                                ucbrowser.web_share(title, img, url, 'kWeixin', '', '', '');

                            } else {

                                ucweb.startRequest("shell.page_share", [title, img, url, 'WechatFriends', '', '', '']);

                            };

                        });  

                        //微信朋友圈

                        $("#btnWeixinShare").unbind();

                        $("#btnWeixinShare").bind("click", function () {

                            var Browser = new Object();

                            Browser.ios = /iphone/.test(Browser.userAgent); //判断ios系统

                            var title = document.title;

                            var img = "";

                            var url = location.href;

                            if (Browser.ios) {

                                ucbrowser.web_share(title, img, url, 'kWeixinFriend', '', '', '');

                            } else {

                                ucweb.startRequest("shell.page_share", [title, img, url, 'WechatTimeline', '', '', '']);

                            };

                        });  

                    }

                }

            } catch (e) { }

        }

    }

完整代码：

<html>

<body>

    <script src="jquery.min.js"></script>

    <h4>测试微信分享功能（仅在手机版UC浏览器下有效）</h4>

    <input type="button" class="btnShareFriends" style='margin: 20px auto; width: 100%;height:50px;' value='分享给微信好友'> </input>

    <br/>

    <input type="button" class="btnWeixinShare" style='margin: 20px auto; width: 100%;height:50px;' value='分享到微信朋友圈'> </input>

    <script type="TEXT/javascript">

      $(function () {

    if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {

        if (window.location.href.indexOf("?mobile") < 0) {  

            //判断是手机端访问

            if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {  

                //判断是UC浏览器

                if (typeof (ucweb) != "undefined") {  

                    $(".btnShareFriends").click(function () {

                        var Browser = new Object();

                        Browser.ios = /iphone/.test(Browser.userAgent); //判断ios系统

                        var title = "测试分享到朋友圈";

                        var img = "";

                        var url = location.href;

                        if (Browser.ios) {

                            ucbrowser.web_share(title, img, url, 'kWeixin', '', '@39yst', '');

                        } else {

                            ucweb.startRequest("shell.page_share", [title, img, url, 'WechatFriends', '', '', '']);

                        }

                    });  

                    $(".btnWeixinShare").click(function () {

                        var Browser = new Object();

                        Browser.ios = /iphone/.test(Browser.userAgent); //判断ios系统

                        var title = "测试分享到朋友圈";

                        var img = "";

                        var url = location.href;

                        if (Browser.ios) {

                            ucbrowser.web_share(title, img, url, 'kWeixinFriend', '', '@39yst', '');

                        } else {

                            ucweb.startRequest("shell.page_share", [title, img, url, 'WechatTimeline', '', '', '']);

                        }

                    });

                }

            } else {

                alert("请使用手机UC浏览器测试");

            }

        } else {

            alert("请使用手机访问测试");

        }

    }

});

    </script>

</body>

</html>

UC浏览器 分享到朋友圈和微信好友的更多相关文章

  1. UC浏览器 分享到朋友圈和微信好友 分类： JavaScript 2015-04-28 14:45 615人阅读 评论(1) 收藏

    用手机UC浏览器访问新浪微博,会注意到有这样的两个分享按钮: 在手机端浏览器里,点击分享按钮,就可以启动微信客户端并分享到微信.研究了下其源代码,存在这样的一个js:http://mjs.sinaim ...

  2. 微信移动客户端内部浏览器分享到朋友圈，QQ空间代码

    http://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html <script src="http://re ...

  3. 移动端以及 PC浏览器页面分享到朋友圈等的功能实现

    我们经常可以在一些 app上看到分享到朋友圈.微信好友.qq好友等功能,例如 饿了么.美团等 app,下单之后就会弹出给好友发红包的 modal窗,这在 app上很常见,app的权限可以很大,甚至连启 ...

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

    转载(声明:仅供学习使用) /** * 此插件主要作用是在UC和QQ两个主流浏览器 * 上面触发微信分享到朋友圈或发送给朋友的功能 * 代码编写过程中 参考: * http://mjs.sinaimg ...

  5. 微信JSSDK使用步骤(用于在微信浏览器中自定义分享,分享到朋友圈，拍照，扫一扫等功能)

    一.使用JSSDK需要一个公众号(需要认证!): (1).把自己项目的服务器地址输入. (2).把MP_verify_m7Qp93BAuIGDWRVO.txt  文件下载下来,放到该服务器域名指向的根 ...

  6. vue项目中分享到朋友圈，调用微信接口

    虽然微信提供了jssdk,不代表可以点击按钮进行分享到朋友圈,是需要微信自带的浏览器右上角进行分享.手机浏览器需要浏览器支持分享到朋友圈的分享机制. 微信jssdk地址: https://mp.wei ...

  7. 微信小程序分享至朋友圈的方法

    最近研究怎么实现微信小程序分享至朋友圈,对就是朋友圈. 微信小程序目前没有直接提供方法来将小程序分享至朋友圈,不过可以采用曲线救国的方式来达到目的. 方法分两步: 1.通过浏览器将希望分享的东西风向至 ...

  8. 微信自定义分享到朋友圈API

    <script src="http://s0.qhimg.com/!249ce048/WeixinApi.js" type="text/javascript&quo ...

  9. Swift - 发送消息（文本,图片,文件等）给微信好友或分享到朋友圈

    通过调用微信提供的API接口,我们可以很方便的在应用中发送消息给微信好友,或者分享到朋友圈.在微信开发平台(https://open.weixin.qq.com)里,提供了详细的说明文档和样例.但由于 ...

随机推荐

  1. POJ 1159

    区间dp 比如从i到j如果str[i] == str[j]那么i到j的值就与i+1到j-1相同,否则从i到j-1与i+1到j中选一个最优解,这道题直接定义int的二维数组会mle,用short,也可以 ...

  2. CF 277E Binary Tree on Plane （拆点 + 费用流） （KM也可做）

    题目大意: 平面上有n个点,两两不同.现在给出二叉树的定义,要求树边一定是从上指向下,即从y坐标大的点指向小的点,并且每个结点至多有两个儿子.现在让你求给出的这些点是否能构成一棵二叉树,如果能,使二叉 ...

  3. USB OTG to PC USB API简介

    本API分为四部分:Linux或Android内核 (主要是gadget驱动).linux端API及其DEMO.Windows 驱动.Windows API及其Demo. 一.linux.Androi ...

  4. WinForm(C#)自定义控件之——RoundButton(圆形按钮)

    最近需要做一个圆形的按钮,去CodeProject找了一下,发现有现成的可用,但不能完全满足我的需求.因此自己试着利用WinForm中的自定义组件功能,制作一个圆形按钮.圆形按钮小制作即将开始之前,先 ...

  5. java学习笔记 (2) —— Struts2类型转换、数据验证重要知识点

    1.*Action.conversion-properties 如(point=com.test.Converter.PointListConverter) 具体操作类的配置文件 2.*Action. ...

  6. 学习如何写PHP MVC框架（1） -- 路由

    说到PHP开发web,自然离不开开发框架,开发框架为我们提供了灵活的开发方式,MVC层分离,业务解耦等... 第一篇先来简单点的,说说MVC框架的路由功能... 一般的单入口框架路由都是这样的结构: ...

  7. python之6-5偏函数

    functools.partial 偏函数的作用是简化操作,简化什么操作呢?就是当我们有一个已知函数A,且这个函数包含有某个或多个参数A1,通过固定这个参数A1,我们可以自己编写一个新函数B,来减少代 ...

  8. C程序设计语言练习题1-11

    练习1-11 你准备如何测试单词计数程序?如果程序中存在某种错误,那么什么样的输入最可能发现这类错误呢? 代码如下: #include <stdio.h> // 包含标准库的信息. #de ...

  9. SuperMap

    SuperMap iClient for JavaScript 新手入门 地理信息系统(英语:Geographic Information System,缩写:GIS)是一门综合性学科,结合地理学与地 ...

  10. [原创]零基础R语言教程---第一课---认识R语言

    教程的录制的确是折腾了一番,一连录了二十多遍,有时候激动的说错了字,有时候不知道下一句说啥.. 不过好在第一课已经搞定了,哈哈. 虽然内容现在看起来还有点简单, 不过牛b也是一个过程嘛. 我会坚持下去 ...