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浏览器