项目名称：微信、支付宝、QQ 三合一收款二维码（单页版）
作者：@mengkun

原理

在 微信、支付宝、QQ 中扫描到一个网址二维码后，一般会通过内置的浏览器打开这个网址。通过判断内置浏览器的 UA，即可得出当前扫码的具体支付平台。

if(navigator.userAgent.match(/Alipay/i)) {
// 支付宝
} else if(navigator.userAgent.match(/MicroMessenger\//i)) {
// 微信
} else if(navigator.userAgent.match(/QQ\//i)) {
// QQ
} else {
// 其它
}

其中，支付宝可以通过直接跳转收款链接唤起付款功能，而 QQ、微信 则需展示出对应的收款码，由用户自行长按识别真正的收款二维码实现唤起付款。

Demo演示

安装方法

第一步、获取收款链接方法

访问如下网址，将获取到的支付宝、微信、QQ二维码点击“上传二维码图片”获得你的二维码解析后的链接

https://cli.im/deqr/

链接格式模板：

支付宝收款链接格式为：https://qr.alipay.com/xxxx

微信收款链接：wxp://f2f0Gxxxxxxx

QQ收款链接：http://vac.qq.com/wallet/qrcode.htm?m=tenpay&a=1&u=xxxxxxxxx

第二步、部署程序单页

1、下载单页程序

①官方下载链接

https://github.com/mengkunsoft/OneQRCode/archive/master.zip

②备用下载链接

https://codeload.github.com/mengkunsoft/OneQRCode/zip/master

2、修改收款链接

打开下载好的“index.html”找到大约16行的

注意:请用专门的 Html 编辑器(如 notepad++)进行编辑，切勿用记事本，否则可能出现乱码！

var setting = {
/* 在以下【双引号】中粘贴QQ钱包收款链接 */
qqUrl: "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=1097437863&ac=B4C5BACD47FE6936D4B6DD29D866E1FC3AEA141B073F9DD94DE6404509CEE0FA&n=极云坊&f=wallet",
/* 在以下【双引号】中粘贴微信收款链接 */
wechatUrl: "https://wx.tenpay.com/f2f?t=AQAAAFtDAYCgnh0H4NWppc2G0n0%3D",
/* 在以下【双引号】中粘贴支付宝收款链接 */
aliUrl: "HTTPS://QR.ALIPAY.COM/FKX05202GE16QHOXXX7NE6",

3、将你在第一步获取的收款链接替换进相应的位置，然后保存。

4、上传单页程序

将“index.html”上传至网站根目录即可。

5、访问绑定的域名，然后就可以使用了

github项目地址：https://github.com/mengkunsoft/OneQRCode