HTML5完成分享各大微信QQ等交流平台二维码技巧

这是分享按钮：

<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>

这是js调用代码：

<script type="text/javascript" src="NativeShare.js"></script>
<script type="text/javascript">
    var nativeShare = new NativeShare()
    var shareData = {
        title: '分享标题',
        desc: '',
        // 如果是微信该link的域名必须要在微信后台配置的安全域名之内的。
        link: 'https://www.baidu.com',
        icon: 'https://www.baidu.com',
        // 不要过于依赖以下两个回调，很多浏览器是不支持的
        success: function() {
            console.log("success")
        },
        fail: function() {
            console.log("fail")
        }
    }
    nativeShare.setShareData(shareData)
    function call(command) {
        try {
            nativeShare.call(command)
        } catch (err) {
            // 如果不支持，你可以在这里做降级处理
            alert(err.message)
            // console.log("err.message")
        }
    }
</script>

这个就是分享js文件NativeShare.js：

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["NativeShare.js"]=t():e["NativeShare.js"]=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)

关键词：HTML5完成分享各大微信QQ等交流平台二维码技巧