UC浏览器 分享到朋友圈和微信好友 分类: JavaScript 2015-04-28 14:45 614人阅读 评论(1) 收藏
2015-04-28 14:45
651 查看
用手机UC浏览器访问新浪微博,会注意到有这样的两个分享按钮:
在手机端浏览器里,点击分享按钮,就可以启动微信客户端并分享到微信。研究了下其源代码,存在这样的一个js:http://mjs.sinaimg.cn/wap/module/share/201504071745/js/addShare.min.js
从里面抽离出了分享调用的方法,方便调用。(注意:这个分享功能只在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浏览器 分享到朋友圈和微信好友 分类: JavaScript 2015-04-28 14:45 615人阅读 评论(1) 收藏
- 微信分享 不借助新版sdk 的分享方法 分类: 微信 微信分享 2015-01-28 12:24 366人阅读 评论(0) 收藏
- 微信分享 使用weixin js sdk 兼容 旧版本 分类: 微信分享 微信 微信js sdk 2015-01-28 13:09 550人阅读 评论(3) 收藏
- AChartEngine画折线图技巧分享ZZ 分类: Android图形动画 2014-06-26 08:50 115人阅读 评论(0) 收藏
- javascript闭包获取table中tr的索引 分类: JavaScript 2015-05-04 15:10 793人阅读 评论(0) 收藏
- jQuery实现文本框回车键转tab键 分类: JavaScript 2012-12-06 16:19 1800人阅读 评论(0) 收藏
- spark原理介绍 分类: B8_SPARK 2015-04-28 12:33 1039人阅读 评论(0) 收藏
- jquery form 插件 分类: JavaScript 2013-01-21 13:59 1779人阅读 评论(0) 收藏
- javascript中函数声明和函数表达式的区别 分类: JavaScript 2015-05-07 21:41 897人阅读 评论(0) 收藏
- JavaScript、Ajax与jQuery的关系 分类: C1_HTML/JS/JQUERY 2014-07-31 10:15 3388人阅读 评论(0) 收藏
- EasyUI - DataGrid 去右边空白滚动条列 分类: JavaScript 2014-09-03 10:46 1090人阅读 评论(2) 收藏
- JavaScript中的一些细节 分类: C1_HTML/JS/JQUERY 2014-08-05 16:45 384人阅读 评论(0) 收藏
- javascript中定义事件的三种方式 分类: C1_HTML/JS/JQUERY 2014-08-07 10:27 634人阅读 评论(0) 收藏
- hpp文件 分类: C/C++ 2015-04-28 10:54 26人阅读 评论(0) 收藏
- EasyUI - DataGrid 去右边空白滚动条列 分类: JavaScript 2014-09-03 10:46 1091人阅读 评论(2) 收藏
- Uncaught RangeError: Maximum call stack size exceeded 分类: javascript 2015-01-15 10:53 297人阅读 评论(0) 收藏
- 由一段代码谈前端js优化和编码规范(一) 分类: JavaScript 2015-03-21 12:43 668人阅读 评论(1) 收藏
- COM组件 分类: com技术 2013-09-14 17:33 614人阅读 评论(0) 收藏
- 4、微信分享(好友、朋友圈、收藏)
- Uncaught RangeError: Maximum call stack size exceeded 分类: javascript 2015-01-15 10:53 298人阅读 评论(0) 收藏