目前主流的分享工具有很多,比如佳思、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
第三,演示截图。
图1:分享到新浪微博。
图2:分享到微信朋友圈。
图3:微信与联系人共享。
图4:与联系人共享的QQ。
图5: QQ共享空间。
图6:调用浏览器的内置共享组件。