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

nativeShare.js 是一款通过 JavaScript 调用原生分享功能的工具，支持微信、微博、QQ等平台的分享操作。本文介绍如何在项目中引入此工具，并通过示例代码展示如何配置分享内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

工具介绍:

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文件

 
XHTML
 
        1
       
        <link 
        rel
        =
        "stylesheet"
         
        href
        =
        "nativeShare.css"
        />

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

XHTML

         1
       
        <div 
        id
        =
        "nativeShare"
        >
        </div>

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

 
XHTML
 
         1
       
         2
       
         3
       
         4
       
         5
       
         6
       
         7
       
         8
       
         9
       
         10
       
         11
       
        <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>