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我直接提示点击右上角分享,点击微博则进入移动端微博分享页。

H5实现移动端,PC端页面分享_第1张图片     H5实现移动端,PC端页面分享_第2张图片

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

H5实现移动端,PC端页面分享_第3张图片

PC端效果如下:

 

H5实现移动端,PC端页面分享_第4张图片H5实现移动端,PC端页面分享_第5张图片

完整代码链接:

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

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

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

你可能感兴趣的:(Web,css)