星联网络专注帝国CMS二次功能插件开发-精品网站模板站长代码素材

  • 最近更新
  • 模板:33
  • 记录:12641|
  • 插件:52|
  • 工具:4|
  • 代码:8|
  • 评论:0

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

前言

本文重点解决原生javascip实现分享到朋友圈功能支持ios和安卓问题,希望能够帮助到你

  现在主流的分享工具也有很多,例如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
[email protected]项目地址: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:'http://www.weixuecn.cn',// 分享的网页链接
        title:'微学网',// 标题
        desc:'微学网',// 描述
        img:'http://www.weixuecn.cn/img/face.jpg',// 图片
        img_title:''微学网',// 图片标题
        from:''微学网' // 来源
    };
    var share_obj = new nativeShare('nativeShare',config);
</script>

 

三、演示截图

/uploads/allimg/c160609/14A4I0ARH0-1C51.jpg
图1:分享到新浪微博

/uploads/allimg/c160609/14A4I0C223Z-241b.jpg
图2:分享到微信朋友圈

/uploads/allimg/c160609/14A4I0CZB0-392G.jpg
图3:微信分享给联系人

/uploads/allimg/c160609/14A4I0D6460-4b14.png
图4:QQ分享给联系人

/uploads/allimg/c160609/14A4I0F34220-55A0.png
图5:QQ分享到空间

/uploads/allimg/c160609/14A4I0H0Y40-61205.jpg
图6:调用浏览器的内置分享组件


本网刊登的文章均仅代表作者个人观点,并不代表本网立场。文中的论述和观点,敬请读者注意判断。

本文地址:http://www.xlkjgs.com/notes/js/3139.html

以上内容由本站整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

星联网络

星联网络是中国最具实战的互联网创业者的知识服务商,这里有互联网行业动态,网络推广,SEO优化,SEM优化,ESC配置,行业经验分型,互联网项目,微信营销、淘宝客赚钱、新媒体营销、京东运营、跨境电商等众多互联网营销知识分享

站长运营站长必备网站运营之道才能长久发展