關於分享彈窗,以及跳轉到相應應用
阿新 • • 發佈:2019-01-03
1.在網上下載JefferyWang,分享的專案包---nativeShare.js-master
https://github.com/JefferyWang/nativeShare.js
2.部署專案,直接將nativeShare.js-master匯入
3.在html中,引入
<link rel="stylesheet" href="/nativeShare.js-master/nativeShare.css"/>
<script type="text/javascript" src="/nativeShare.js-master/nativeShare.js"></script>
注意對應自己專案中的路徑
在需要放分享的地方插入以下程式碼,
<div id="nativeShare"></div>,可以配合amaze ui外掛使用
4.在.js檔案中的,設定需要分享的資訊
$(function(){
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);
});
5.nativeShare.css中,可以設定圖示的大小,字型等....
6.只支援UC瀏覽器和QQ瀏覽器