1. 程式人生 > >實現手機網頁調起原生微信朋友圈分享的工具nativeShare.js

實現手機網頁調起原生微信朋友圈分享的工具nativeShare.js

wan lock tro 項目 eight jpg tps title 地址

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.js