1. 程式人生 > >關於分享彈窗,以及跳轉到相應應用

關於分享彈窗,以及跳轉到相應應用

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瀏覽器