新冢狐的白柏狐

微信、支付宝、QQ 三合一收款二维码

OneQRCode

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

特点

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

使用方法

1.点击下载 本项目代码到本地;
2.打开 index.html,将里面的收款码链接修改成你自己的;
3.将 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、微信 则需展示出对应的收款码,由用户自行长按识别真正的收款二维码实现唤起付款。

详细请阅读:
多合一收款二维码原理及实现
更多使用说明请查阅项目wiki
GitHub源码

在线演示:
https://www.devgox.com/qrcode/




当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »