三合一万能收款码生成源码

大家好，我来发一款三合一万能收款码生成的网站源码，什么是三合一收款码（就是支付宝，QQ，微信的收款码，收款的二维码）

也就是根据内部浏览器来识别的，在支付宝内部扫描，就转换到支付宝的收款二维码，在微信内部扫描就转换到微信的收款二维码。

二维码里面有属于自己的链接，我们可以识别出来，放上识别工具https://cli.im/deqr

上传自己的二维码就可以识别出来了，然后修改下面的收款链接

源码复制：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test玩站网-万能收款码</title>
<link rel="shortcuticon" href="https://www.testyuming.cn/favicon.ico" />
<script>
var setting = {
// 在以下双引号中粘贴QQ钱包收款链接
qqUrl: "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=10svs233&ac=41v15s5v5w511551va51vsa5v5as157EB&n=??&f=wallet",
// 在以下双引号中粘贴微信收款链接
wechatUrl: "https://wx.tenpay.com/f2f?t=AQAvs51s15v151b550%3D",
// 在以下双引号中粘贴支付宝收款链接
aliUrl: "https://qr.alipay.com/aplamp9v5twood6wfa",
// 用于动态生成二维码API
qrcodeApi: "https://www.kuaizhan.com/common/encode-png?large=true&data="
/*
备用二维码api：
http://s.jiathis.com/qrcode.php?url=
http://www.kuaizhan.com/common/encode-png?large=true&data=
http://b.bshare.cn/barCode?site=weixin&url=
http://pan.baidu.com/share/qrcode?w=150&h=150&url=
*/
}
</script>
<style>
* {
margin: 0; padding: 0;
font-family: Microsoft yahei;
}
body {
background-color: #fff;
}
.code-item {
width: 100%;
max-width: 400px;
margin: 0 auto;
padding-bottom: 1px;
display: none;
background-color: #5c92ef;
}
.code-title {
height: 100px;
background-color: #f2f2f2;
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
}
.code-area {
text-align: center;
}
.code-area>img {
margin: 80px 0;
width: 60%;
min-width: 100px;
}
.code-footer {
height: 80px;
text-align: center;
background-color: #fff;
color: #666;
line-height: 80px;
font-size: 20px;
margin: -2px 2px 2px 2px;
}
#code-all>.code-title {
background-image: url("https://ae01.alicdn.com/kf/Hf128fa6dc81042308a0067e6ce1309d8z.png");
}
#code-qq {
background-color: #54bc6e;
}
#code-qq>.code-title {
background-image: url("https://ae01.alicdn.com/kf/Ha9e8ae195c2a477eab7e6df4bca6f254a.png");
}
#code-wechat {
background-color: #54bc6e;
}
#code-wechat>.code-title {
background-image: url("https://ae01.alicdn.com/kf/H4750a12d54bc476083c636860454187eo.png");
}
</style>
</head>
<body>
<div class="code-item" id="code-all">
<div class="code-title"></div>
<div class="code-area">
<img id="page-url" src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==">
</div>
<div class="code-footer">Test玩站网</div>
</div>
<div class="code-item" id="code-qq">
<div class="code-title"></div>
<div class="code-area">
<img id="qq-url" src="https://ww2.sinaimg.cn/large/a15b4afegy1fiw0xfoj1wj20gu0g50uc.jpg">
</div>
<div class="code-footer">Test玩站网</div>
</div>
<div class="code-item" id="code-wechat">
<div class="code-title"></div>
<div class="code-area">
<img id="wechat-url" src="https://ww2.sinaimg.cn/large/a15b4afegy1fiw11kh5u3j203o03r3yn.jpg">
</div>
<div class="code-footer">Test玩站网</div>
</div>
<script>
if(navigator.userAgent.match(/Alipay/i)) {
// 支付宝
window.location.href = setting.aliUrl;
} else if(navigator.userAgent.match(/MicroMessenger\//i)) {
// 微信
document.getElementById("wechat-url").src = setting.qrcodeApi + urlEncode(setting.wechatUrl);
document.getElementById("code-wechat").style.display = "block";
} else if(navigator.userAgent.match(/QQ\//i)) {
// QQ
document.getElementById("qq-url").src = setting.qrcodeApi + urlEncode(setting.qqUrl);
document.getElementById("code-qq").style.display = "block";
} else {
// 其它，显示“万能码”
document.getElementById("page-url").src = setting.qrcodeApi + urlEncode(window.location.href);
document.getElementById("code-all").style.display = "block";
}
/*****************************************
* url编码函数
* 输入参数：待编码的字符串
* 输出参数：编码好的
****************************************/
function urlEncode(String) {
return encodeURIComponent(String).replace(/'/g,"%27").replace(/"/g,"%22");
}
</script>
</body>
</html>

源码界面：

1.本站资源均为免登陆下载，直接扫码支付即可下载
2.站点支持支付宝扫码支付，更多支付方式联系客服QQ！
3.客服QQ：3013197813，822674928
4.本站大部分下载资源收集于网络，只做学习和交流使用，版权归原作者所有！
5. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
Test玩站网 » 三合一万能收款码生成源码