实现手机网页调起原生微信朋友圈分享的工具nativeShare.js

实现手机网页调起原生微信朋友圈分享的工具nativeShare.js

http://www.liaoxiansheng.cn/?p=294

我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢?

工具介绍:

nativeShare是一个可以通过javascript直接调用原生分享的工具. 该工具具有以下特点:
支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享
支持调用浏览器更多分享功能
不依赖任何jquery以及其他插件
注意:目前仅支持手机UC浏览器和QQ浏览器
github项目地址:https://github.com/JefferyWang/nativeShare.js
Git@OSC项目地址:http://git.oschina.net/wangjunfeng/nativeShare.js
扫描二维码访问Demo:

使用方法:

1.引入CSS文件

<link rel=“stylesheet” href=“nativeShare.css”/>

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

<div id=“nativeShare”></div>

3.添加配置信息,并实例化

<script>
    var config = {
        url:‘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>

效果图

nativeShare_screen1nativeShare_screen2

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112883.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 汉罗塔编程_c语言斐波那契数列递归算法

    汉罗塔编程_c语言斐波那契数列递归算法汉罗塔C语言算法新手入门(3分钟学会)前言我相信大家在刚接触C语言时对汉罗塔递归算法有些头痛,现在依旧头痛的小朋友不要担心,你只要学完这篇文章,我相信你对汉罗塔算法十分感兴趣的。一看就会,不信试试?具备知识在看这篇文章之前,首先你得学会C语言函数知识点,仅此而已。1.直接上代码#include<stdio.h>intmain(){voidmove(intn,c…

    2022年10月12日
    3
  • roundup与int的区别_notifyall()和notify()区别

    roundup与int的区别_notifyall()和notify()区别 isInterrupted()和interrputed()方法的区别isInterrupted方法是实例方法,interrupted方法是静态方法。Thread.currentThread().isInterrupted()Thread.interrupted()首先说明:wait(),notify(),notifyAll()这些方法由java.lang.Object类提供

    2025年7月6日
    3
  • 解决安装office2013时出现Microsoft setup bootstrapper已停止工作问题

    解决安装office2013时出现Microsoft setup bootstrapper已停止工作问题MicrosoftSetupBootstrapper已停止工作**问题出现背景:**不小心删除office2013安装后的文件导致office软件无法使用,重新安装时出现还问题。**问题解决方法:**首先,卸载老的office;然后再安装不再出现MicrosoftSetupBootstrapper已停止工作的问题。…

    2022年7月20日
    49
  • FEC详解三_第二十三卦详解

    FEC详解三_第二十三卦详解继续上文讲解:3)标准的RTP头结构如下所示:其中第一个字节中的x标志位是否扩展了RTP头,RTP协议允许用户自定义的扩展,扩展的字段紧挨上述RTP固定头。RTP扩展投中承载如下信息:1).当前包所在的Group组序号,码流由连续的Group组成,每个Group拥有自己的唯一序号。(仅仅是小范围的唯一,序号大于255时,计数清零)2).当前包所在的Group组大小3

    2022年8月11日
    7
  • SMTP协议详解及工作过程

    SMTP协议详解及工作过程

    2022年3月5日
    47
  • 一生要看的50部经典电影

    一生要看的50部经典电影

    2021年5月4日
    164

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号