H5实现移动端,PC端页面分享

7 篇文章 0 订阅

想做个页面分享功能,既要兼容移动端,也要兼容PC端。

找了一轮,决定PC端用百度分享的api:

http://share.baidu.com/code/advance

移动端一开始想用soshm.js,发现ios没问题,但安卓手机在微信上点微博完全没反应:

http://www.calledt.com/soshm/

于是改用了nativeShare.js:

https://github.com/fa-ge/NativeShare

移动端由于微信跟qq都有互相分享的入口,而且微信也不支持自定义按钮调起分享,

所以在微信跟qq我直接提示点击右上角分享,点击微博则进入移动端微博分享页。

     

在普通浏览器打开一般三个都能正常调起分享,不能调起的,会有回调:则提示用户使用浏览器自带分享

PC端效果如下:

 

完整代码链接:

https://download.csdn.net/download/caimingxian401/10941897

中途有什么不理解的可以留下评论。

文章不定期更新,喜欢可给like !

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

caicaicai404

对作者使用钞能力,欢迎点这里

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值