實現手機網頁調起原生微信朋友圈分享的工具nativeShare.js
阿新 • • 發佈:2018-09-18
wan lock tro 項目 eight jpg tps title 地址
img_title:‘王俊鋒的個人博客’,// 圖片標題
from:‘王俊鋒的博客’ // 來源
};
var share_obj = new nativeShare(‘nativeShare’,config);
</script>
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’,// 圖片效果圖
實現手機網頁調起原生微信朋友圈分享的工具nativeShare.js