HTML5网页如何调用浏览器APP的微信分享功能?
如图,最近有看到新浪的移动端网页,增加了微信分享功能。在浏览器APP(Safari除外)中可以直接调用微信APP,分享至朋友圈或者聊天窗口。并不像很多网站是通过弹出一个图片提示右上角分享。
我是一个产品汪,经过我分析,并不是通过微信接口实现的,而是直接调用了浏览器APP自带的微信分享功能。比如我用安卓手机自带webkit内核浏览器(原生浏览器没有微信分享功能),打开新浪文章页,就不会出现这个微信分享的功能按钮。
不知这是怎么实现的,不是原生APP调用微信接口,也不是PC网页微信分享代码。请看清试用环境,求大神帮忙解答~~~~
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(15)
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--------
昨天刚进行了整理,并且在github上面创建了一个项目:https://github.com/JefferyWang/nativeShare.js
项目地址:https://github.com/fa-ge/Nati...
demo地址:https://fa-ge.github.io/Nativ...
兼容性(毫无疑问是兼容浏览器最多的插件了)
移动端几乎所有浏览器都支持分享到QQ和QQ空间
QQ浏览器
UC浏览器
微信自带浏览器(只能设置文案,分享需要用户手动点击右上角)
ios QQ自带浏览器(只能设置文案,分享需要用户手动点击右上角)
QQ空间APP(只能设置文案,分享需要用户手动点击右上角)
android百度浏览器
支持分享到web微博
APP 调用的 微信分享sdk
微信的sdk只能在微信内置浏览器中使用。我也发现了网易中有分享这个功能。于是我做了一些修改。适用于自己的网站。可是有一个问题使我不敢使用http://jsapi.qq.com/get?api=谁能告诉我这个请求是干嘛的。看网址应该属于腾讯的,是否是免费开源的。
请问题主您最后实现这个功能了吗?
http://ask.dcloud.net.cn/docs/
请问楼主这个功能在哪看到的?能具体说下嘛?
在微信内置的内置浏览器要怎么办呢
老问题了,才看到。
新浪的实现方式是这样的:
因为在原生app当中,是有直接唤起微信分享的权限的,而某些app,比如UC浏览器,QQ浏览器,把这些权限又下放给了页面。
所以,页面监测到是在uc或者QQ浏览器打开时,就可以直接使用浏览器内置的方法,来唤起分享。
具体实现在这里:http://feizhaojun.com/?p=761
你好,我最近在做一个移动端页面的项目,考虑的是Safari手机浏览器的用户,需要用户点击页面的分享按钮,调出airdrop,分享给微信QQ用户一个我指定的URL,不是当前用户浏览的URL,请问可以实现吗? 怎么实现
仅支持UC和QQ,其它浏览器都不行
现在还能用吗。 好像没效果啦~
QQ内置的怎么实现分享功能?