原文地址 https://github.com/fa-ge/NativeShare/blob/master/README.md
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" /> <meta name="description" content="NativeShare 是一个整合了各大移动端浏览器调用原生分享的插件!!!"> <title>NativeShare demo</title> <style> html, body { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } button { padding: 15px; } </style> </head> <body> <div> <button onclick="call()">通用分享</button> <button onclick="call('wechatFriend')">微信好友</button> <button onclick="call('wechatTimeline')">朋友圈</button> <button onclick="call('qqFriend')">QQ</button> <button onclick="call('qZone')">QQ空间</button> <button onclick="call('weibo')">微博</button> <button onclick="setTitle('fa-ge NativeShare')">设置标题</button> </div> <script type="text/javascript" src="../NativeShare.js"></script> <script> var nativeShare = new NativeShare() var shareData = { title: 'NativeShare',//分享标题 desc: 'NativeShare是一个整合了各大移动端浏览器调用原生分享的插件',//描述 link: 'https://github.com/fa-ge/NativeShare',//分享的url链接 icon: 'https://pic3.zhimg.com/v2-080267af84aa0e97c66d5f12e311c3d6_xl.jpg', // 不要过于依赖以下两个回调,很多浏览器是不支持的 success: function() { alert('success') }, fail: function() { alert('fail') } } nativeShare.setShareData(shareData) function call(command) { try { nativeShare.call(command) } catch (err) { // 如果不支持,你可以在这里做降级处理 alert(err.message) } } function setTitle(title) { nativeShare.setShareData({ title: title, }) } </script> </body> </html>