我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢?
Git@OSC项目地址: http://git.oschina.net/wangjunfeng/nativeShare.js
2.在需要添加分享的地方插入以下代码:
3.添加配置信息,并实例化
工具介绍:
nativeShare是一个可以通过javascript直接调用原生分享的工具. 该工具具有以下特点:- 支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享
- 支持调用浏览器更多分享功能
- 不依赖任何jquery以及其他插件
- 注意:目前仅支持手机UC浏览器和QQ浏览器
Git@OSC项目地址: http://git.oschina.net/wangjunfeng/nativeShare.js
扫描二维码访问Demo:
![nativeShare_qr_code](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_qr_code.png)
使用方法:
1.引入CSS文件截图:
![nativeShare截图1](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_screen1.jpeg)
![nativeShare截图2](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_screen2.jpeg)
![nativeShare截图3](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_screen3.jpeg)
![nativeShare截图4](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_screen4.jpeg)
![nativeShare截图5](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_screen5.png)
![nativeShare截图6](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_screen6.png)
![nativeShare截图7](https://img001.wangjunfeng.com/wp-content/uploads/2015/06/nativeShare_screen7.jpeg)