微信支付宝QQ 三合一收款二维码单文件版-OneQRCode

特点

纯前端实现，无需安装，无需数据库；
免维护，无任何多余的配置，只需修改收款链接，即可永久使用。

使用方法

下载源码
打开 index.html，将里面的收款码链接修改成你自己的；
将 index.html 上传至你的网站空间，即可开始使用！

注意事项

请用专门的 HTML 编辑器（如 VS Code）编辑代码，切勿直接用记事本编辑，否则可能出现中文乱码！

原理

在微信、支付宝、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、微信则需展示出对应的收款码，由用户自行长按识别真正的收款二维码实现唤起付款。

原作者：孟坤博客

下载地址：

点击下载