风雪新 发表于 2019-11-13 14:46:11

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

想做个页面分享功能,既要兼容移动端,也要兼容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我直接提示点击右上角分享,点击微博则进入移动端微博分享页。
https://img-blog.csdnimg.cn/20190101233433522.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaW1pbmd4aWFuNDAx,size_16,color_FFFFFF,t_70   https://img-blog.csdnimg.cn/2019010123351111.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaW1pbmd4aWFuNDAx,size_16,color_FFFFFF,t_70
在普通浏览器打开一般三个都能正常调起分享,不能调起的,会有回调:则提示用户使用浏览器自带分享
https://img-blog.csdnimg.cn/20190130113613318.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaW1pbmd4aWFuNDAx,size_16,color_FFFFFF,t_70
PC端效果如下:
https://img-blog.csdnimg.cn/20190130114305687.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaW1pbmd4aWFuNDAx,size_16,color_FFFFFF,t_70https://img-blog.csdnimg.cn/2019013011432595.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NhaW1pbmd4aWFuNDAx,size_16,color_FFFFFF,t_70
完整代码链接:https://download.csdn.net/download/caimingxian401/10941897
原文出处:https://blog.csdn.net/caimingxian401/article/details/85559793
页: [1]
查看完整版本: H5实现移动端,PC端页面分享