宝哥软件园

原生javascript实现分享到朋友圈 支持ios和安卓

编辑:宝哥软件园 来源:互联网 时间:2021-10-31

目前主流的分享工具有很多,比如佳思、bShare分享,甚至还有百度分享等一些大公司,但是还是停留在PC端,对手机的支持不是很好。

众所周知,现在很多手机浏览器都内置了共享组件,比如UC浏览器和QQ浏览器。内置的组件共享可以直接启动相应的APP共享。如果一个JS可以调用浏览器的内置共享组件,那该有多酷。

在民间,我们来看看这位兄弟编写的JS库。

I .引入工具nativeShare.js

可以通过javascript直接调用本机共享的工具具有以下特征:

1.支持原生微博、微信好友、微信朋友圈、QQ好友和QQ空间分享2。支持调用浏览器获取更多共享功能3。不要依赖任何jquery和其他插件。注意:目前只支持手机UC浏览器和QQ浏览器。

Github项目地址:https://github.com/jefferywang/nativeshare.js[电子邮件保护]项目地址:http://git.oschina.net/wangjunfeng/nativeShare.js.

二、使用方法。

1.介绍CSS文件。

复制的代码如下: linkrel='样式表' href=' nativeshare.css'/

2.在需要添加共享的地方插入以下代码:

复制的代码如下:div id='nativeShare'/div。

3.添加配置信息并将其实例化。

复制代码如下: scriptarconfig={ URL : ' http://blog . wangjunfeng.com ',//共享网页链接标题为: '王俊峰个人博客',//标题描述: '王俊峰个人博客',//描述img : ' http://www.wangjunfeng.com/img/face.jpg',//picture img _ title : '王俊峰个人博客',//图片标题来自3: '王俊峰'var share _ obj=new nativeShare(' nativeShare ',config);/script

第三,演示截图。

//files.jb51.net/file_images/article/201605/2016511101325855.jpeg

图1:分享到新浪微博。

//files.jb51.net/file_images/article/201605/2016511101335883.jpeg

图2:分享到微信朋友圈。

//files.jb51.net/file_images/article/201605/2016511101343835.jpeg

图3:微信与联系人共享。

//files.jb51.net/file_images/article/201605/2016511101352843.png

图4:与联系人共享的QQ。

//files.jb51.net/file_images/article/201605/2016511101358669.png

图5: QQ共享空间。

//files.jb51.net/file_images/article/201605/2016511101406823.jpeg

图6:调用浏览器的内置共享组件。

更多资讯
游戏推荐
更多+