实现手机网页调起原生微信朋友圈分享的工具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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • SheetJS中文文档-js导出Excel脚本库[通俗易懂]

    SheetJS中文文档-js导出Excel脚本库[通俗易懂]转载自GITHUB用户rockboom的翻译文档SheetJs下载:GITHUB地址|CSDN下载地址SheetJSjs-xlsxSheetJS是用于多种电子表格格式的解析器和编写器。通过官方规范、相关文档以及测试文件实现简洁的JS方法。SheetJS强调解析和编写的稳健,其跨格式的特点和统一的JS规范兼容,并且ES3/ES5浏览器向后兼容IE6。目前这个是社区版,我们也提供了性能增强的专业版,专业版提供样式和专业支持的附加功能。

    2022年5月6日
    1.6K
  • 如何打造一款直播App(方法流程)

    如何打造一款直播App(方法流程)概要分享内容:互联网内容载体变迁历程,文字——图片/声音——视频——VR/AR——…….。从直播1.0秀场时代(YY),2.0游戏直播(斗鱼、虎牙、熊猫)到如今全民直播3.0泛生活娱乐时代(映客、花椒),国外直播app(Meerkat、Periscope),随着VA/AR/MR提出的沉浸式视听体验,直播4.0时代很快就能到来。在这个全民娱乐的时代,直播已经火得不要不要的,

    2022年5月26日
    58
  • js匿名函数传参_java 匿名函数

    js匿名函数传参_java 匿名函数varinitSample=(function(){ varwysiwygareaAvailable=isWysiwygareaAvailable(), isBBCodeBuiltIn=!!CKEDITOR.plugins.get(‘bbcode’); returnfunction(paramId){ vareditorElement=CKEDITO

    2022年10月3日
    3
  • 电脑爱好者——投稿与稿费指南

    电脑爱好者——投稿与稿费指南一、稿件投到哪里?请参照期刊最近一期中各栏目每页页眉上的投稿信箱或责编信箱。投稿信箱依此为准,杂志上的责编信箱是法定的投稿信箱,稿件一定要根据内容,投对栏目。二、投稿格式如何?正文用TXT格式,若有图片须标明图号。图片直接抓为无损的BMP格式或高画质JPG格式并打包压缩为ZIP作为附件发送。无论新老作者,稿件正文末尾均要注明作者详细联系信息和通讯地址。三、稿费标准如何?稿费一般

    2022年6月12日
    55
  • synchronousqueue场景_谈谈SynchronousQueue

    synchronousqueue场景_谈谈SynchronousQueueSynchronousQueue是一个没有容量的队列,它的put操作和take操作之间是相互依赖的,即put操作必须在take操作准备好时才能将元素“推”过去,反之take操作也必须在put操作准备推元素的时候才能获取到元素。有人可能会说只有1个容量大小的BlockingQueue也能实现该操作,但是它们之间有着本质的不同:1、SynchronousQueue在put时,如果另一个线程没有执行ta…

    2022年6月22日
    27
  • densenet121网络结构_resnet网络结构详解

    densenet121网络结构_resnet网络结构详解论文:https://arxiv.org/pdf/1608.06993.pdf参考文献:https://blog.csdn.net/u014380165/article/details/75142664https://blog.csdn.net/qq_14845119/article/details/79272082与残差网络的区别:残差网络是加上跳转链接,非线性映射关…

    2022年9月29日
    2

发表回复

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

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