原生javascript实现分享到朋友圈功能 支持ios和android
2018-10-12 14:00
1316 查看
现在主流的分享工具也有很多,例如JiaThis、bShare分享,甚至一些大公司的如百度分享,但是他们依旧停留在只是在PC端的分享,对手机端的支持不是太好。
大家都知道现在很多手机端浏览器都内置了一些分享组件,像UC浏览器、QQ浏览器,内置的组件分享可以直接启动相应的APP分享,要是一个JS能调用浏览器的内置分享组件,那是多么酷啊。
高手在民间啊,下面脚本之家的小编就带你来看看这位兄弟的编写的JS库。
一、工具介绍 nativeShare.js
一个可以通过javascript直接调用原生分享的工具,该工具具有以下特点:
1.支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享
2.支持调用浏览器更多分享功能
3.不依赖任何jquery以及其他插件
注意:目前仅支持手机UC浏览器和QQ浏览器
github项目地址:https://github.com/JefferyWang/nativeShare.js
Git@OSC项目地址:http://git.oschina.net/wangjunfeng/nativeShare.js
二、使用方法
1.引入CSS文件
<link rel="stylesheet" href="nativeShare.css"/>
2.在需要添加分享的地方插入以下代码:
<div id="nativeShare"></div>
3.添加配置信息,并实例化
<script>
var config = {
url:https://www.jb51.net/article/'http:/blog.wangjunfeng.com',/ 分享的网页链接
title:'王俊锋的个人博客',// 标题
desc:'王俊锋的个人博客',// 描述
img:'http://www.wangjunfeng.com/img/face.jpg',// 图片
img_title:'王俊锋的个人博客',// 图片标题
from:'王俊锋的博客' // 来源
};
var share_obj = new nativeShare('nativeShare',config);
</script>
三、演示截图
图1:分享到新浪微博
图2:分享到微信朋友圈
图3:微信分享给联系人
图4:QQ分享给联系人
图5:QQ分享到空间
图6:调用浏览器的内置分享组件
您可能感兴趣的文章:
相关文章推荐
- 原生javascript实现分享到朋友圈功能 支持ios和android
- 原生javascript实现分享到朋友圈功能 支持ios和android
- [置顶] React Native实现第三方分享、登录功能(Android,IOS双平台)
- 手势密码,纯JavaScript实现,支持iOS和Android
- React Native 调用原生Android/iOS代码实现拨号功能
- 如何使用友盟 Cocos2d-x 分享组件实现 Android/iOS 分享功能
- Android原生分享功能的思考与实现
- 如何使用友盟 Cocos2d-x 分享组件实现 Android/iOS 分享功能
- 利用 Android 系统原生 API 实现分享功能
- 如何使用友盟 Cocos2d-x 分享组件实现 Android/iOS 分享功能
- Unity结合移动端实现动态抠图功能支持Android和IOS
- 在 ios 与 android 同时支持js功能,即web与app的交互功能的实现
- Android原生分享功能的思考与实现
- Android实现微信的分享与发送到朋友圈功能
- Android实现原生分享功能
- iOS webview打印功能的实现(包含系统原生分享交互视图)
- Android原生分享功能的思考与实现
- android实现多图文分享朋友圈功能
- 分享 原生javaScript实现的楼层导航功能
- android 分享功能实现 即通过其他activity分享