盾怪网教程:是一个免费提供流行杀毒软件教程、在线学习分享的学习平台!

HTML5完成分享到微信好友朋友圈QQ好友QQ空间微博二维码技巧

时间:2024/5/18作者:未知来源:盾怪网教程人气:

[摘要]这篇文章主要介绍了HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下这是分享按钮:<button onclick=&q...
这篇文章主要介绍了HTML5实现分享到微信好友朋友圈QQ好友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好友QQ空间微博二维码技巧




Copyright © 2012-2018 盾怪网教程(http://www.dunguai.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版