极客观点
研发管理
HarmonyOS
如图，最近有看到新浪的移动端网页，增加了微信分享功能。在浏览器APP（Safari除外）中可以直接调用微信APP，分享至朋友圈或者聊天窗口。并不像很多网站是通过弹出一个图片提示右上角分享。
我是一个产品汪，经过我分析，并不是通过微信接口实现的，而是直接调用了浏览器APP自带的微信分享功能。比如我用安卓手机自带webkit内核浏览器（原生浏览器没有微信分享功能），打开新浪文章页，就不会出现这个微信分享的功能按钮。
不知这是怎么实现的，不是原生APP调用微信接口，也不是PC网页微信分享代码。请看清试用环境，求大神帮忙解答~~~~
HTML5网页如何调用浏览器APP的微信分享功能？
html5阅读 155.5k
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) { }
}
}
项目地址：https://github.com/fa-ge/Nati...
demo地址：https://fa-ge.github.io/Nativ...
兼容性(毫无疑问是兼容浏览器最多的插件了)
移动端几乎所有浏览器都支持分享到QQ和QQ空间
QQ浏览器
UC浏览器
微信自带浏览器(只能设置文案，分享需要用户手动点击右上角)
ios QQ自带浏览器(只能设置文案，分享需要用户手动点击右上角)
QQ空间APP(只能设置文案，分享需要用户手动点击右上角)
android百度浏览器
支持分享到web微博
新手上路，请多包涵
微信的sdk只能在微信内置浏览器中使用。我也发现了网易中有分享这个功能。于是我做了一些修改。适用于自己的网站。可是有一个问题使我不敢使用http://jsapi.qq.com/get?api=谁能告诉我这个请求是干嘛的。看网址应该属于腾讯的，是否是免费开源的。
老问题了，才看到。
新浪的实现方式是这样的：
因为在原生app当中，是有直接唤起微信分享的权限的，而某些app，比如UC浏览器，QQ浏览器，把这些权限又下放给了页面。
所以，页面监测到是在uc或者QQ浏览器打开时，就可以直接使用浏览器内置的方法，来唤起分享。
具体实现在这里：http://feizhaojun.com/?p=761
新手上路，请多包涵
你好，我最近在做一个移动端页面的项目，考虑的是Safari手机浏览器的用户，需要用户点击页面的分享按钮，调出airdrop，分享给微信QQ用户一个我指定的URL，不是当前用户浏览的URL，请问可以实现吗？ 怎么实现
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
被 6 篇内容引用
推荐问题
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？6 回答1.3k 阅读✓ 已解决
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。5 回答5.3k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？3 回答982 阅读✓ 已解决
微信小程序支付成功后续的业务逻辑怎么处理？
小程序有一个用户购买VIP卡的功能，逻辑是这样的，当用户点击支付时弹出支付窗口然后用户支付成功后更新用户的VIP有效期。处理方式：1.当用户支付成功后，前端主动调用后端的接口去修改数据库中用户VIP的有效期时间，订单状态的修改，然后再更新前端页面上展示的VIP有效期时间。3 回答1.5k 阅读✓ 已解决
使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?
线上打开pdf：pdf文件请求返回<html><body><!-- no enabled plugin supports this MIME type --></body></html>预览效果如下:而本地效果如下:pdf文件返回正常:使用的chrome的模拟机型均为iphoneX，请问有大佬遇到过这种问题吗4 回答2.2k 阅读
通栏banner图片，如何不变形且内容完全显示不裁剪啊？
要求图片等比例完整显示不裁剪不留白， 图片比例固定是16/3使用object-fit: contain; 图片两边有空白使用object-fit: cover; 图片显示不全，被裁剪了原图3 回答1.1k 阅读✓ 已解决
如何获取任一层级的dom元素到指定上层dom的left、top属性？
请问节点id="node-root"及其所有子（孙）节点，如何获取到节点id="wrapper"的left、top属性？2 回答848 阅读✓ 已解决
宣传栏
update:
JefferyWang 写的这个工具不错，省了好多事。跳舞肯定棒！！
http://segmentfault.com/q/1010000002539562?_ea=313592#a-1020000002912654
---- cut ----
update: js-sdk
参考微信最新的 js-sdk
http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
也可以再分析一下新浪移动官网这个js
http://mjs.sinaimg.cn/wap/module/share/201501261608/js/addShare.min.js
不知道地址会不会变，代码就贴最下边吧。。
update:以下答非所问！请勿参考。
-------cut-------
这种事，产品汪为何要知道，交给程序狗，，猿不就行了，
-------cut--------
好吧；
分享电脑端网页到微信，通过扫一扫的方式，那用这个 jiathis 插件就好。
http://www.jiathis.com/help/html/weixin-share-code
-------cut--------