基于jquery（zepto）手机UC、QQ浏览器以及微信（

预览地址:

http://www.frontsucai.com/upload/file/20161012/h5Share/index.html

新特性及说明: 新增图标点击分享功能，大概是这个效果：http://m.sohu.com/n/469995844/?wscrid=1137_1 新增微信分享成功和失败的回调函数 手机UC,QQ浏览器中qq空间和新浪微博分享改为对应浏览器的接口，代替原来跳转地址 新浪，QQ空间分享，如果浏览器有对应接口，则用对应接口，否则跳转 QQ好友分享，如果浏览器有对应接口，则用对应接口，否则隐藏 微信中右上角点开的分享到手机QQ，分享到QQ空间中自定义分享也进行了配置 非弹层，非ICON点击分享之外的no_element.php分享只不过是改了页面的title而已，因为有自带分享功能的浏览器分享就抓取title(貌似手机QQ浏览器不支持JS动态改title这种方式，测试环境：iphone6s+,ios9.3.2,qqv6.9.1.2509) 调用方法:

<?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false){?> appShare({ ele:'#share',//可选 title:"标题",//可选 desc:'描述',//可选 pic:"http://www.frontsucai.com/upload/file/20150701/angular+requirejs/images/touxiang/5.jpg", appId: "<?php echo $signPackage['appId']?>",//可选 timestamp:"<?php echo $signPackage['timestamp']?>",//可选 nonceStr: "<?php echo $signPackage['nonceStr']?>",//可选 signature: "<?php echo $signPackage['signature']?>"//可选 }); <?php }else{?> appShare({ ele:'#share',//可选 title:"标题",//可选 desc:'描述',//可选 pic:"http://www.frontsucai.com/upload/file/20150701/angular+requirejs/images/touxiang/5.jpg" }); <?php };?> uc手机浏览器gif展示效果(测试环境：iphone6s+,ios9.3.2,ucv11.1.5.861):

http://7qn7ih.com1.z0.glb.clouddn.com/2016101123072.gif

qq手机浏览器gif展示效果(测试环境：iphone6s+,ios9.3.2,qqv6.9.1.2509):

http://7qn7ih.com1.z0.glb.clouddn.com/2016101123072.gif

微信浏览器gif展示效果(测试环境：iphone6s+,ios9.3.2,wechat6.3.27):

http://7qn7ih.com1.z0.glb.clouddn.com/2016101123072.gif

safari浏览器gif展示效果(测试环境：iphone6s+,ios9.3.2，safari9.0):

http://7qn7ih.com1.z0.glb.clouddn.com/2016101123072.gif

使用注意事项:

上面的appid和是appsecret是个人测试号的，要先关注测试公众号（二维码在下面），然后分享功能才可以正常使用，否则提取的是title和默认第一张图，而不是自己要自定义分享的内容，建议改为自己的appid和是appsecret。 接口配置信息中的Token要与token.php中定义的TOKEN值要一样 要设置js安全域名，不要加http:// qq手机浏览器中的新浪微博分享，只要登录了，然后在一段时间内就不会再登录，当点击图标的时候，会显示分享功能（有时候这时间有点长）。 uc手机浏览器自定义图片分享好像没有用，它自己截了一张图 微信测试分享请先关注测试公账号:

测试机型: 红米note2: UC浏览器：Mozilla/5.0 (Linux; U; Android 5.0.2; zh-CN; Redmi Note 2 Build/LRX22G) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/40.0.2214.89 UCBrowser/11.2.0.880 Mobile Safari/537.36，BUG:QQ空间分享点击无效 微信：Mozilla/5.0 (Linux; Android 5.0.2; Redmi Note 2 Build/LRX22G) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/37.0.0.0 Mobile MQQBrowser/6.8 TBS/036872 Safari/537.36 MicroMessenger/6.3.28.900 NetType/WIFI Language/zh_CN OPPO R7S: UC浏览器：Mozilla/5.0 (Linux; U; Android 4.4.4; zh-CN; OPPO R7s Build/KTU84P) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/40.0.2214.89 UCBrowser/11.2.0.880 Mobile Safari/537.36，BUG:QQ空间分享点击无效 微信：Mozilla/5.0 (Linux; Android 4.4.4; OPPO R7s Build/KTU84P) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/37.0.0.0 Mobile MQQBrowser/6.8 TBS/036872 Safari/537.36 MicroMessenger/6.3.30.920 NetType/WIFI Language/zh_CN