OneQRCode简介:
文章目录
特点
纯前端实现,无需安装,无需数据库;
免维护,无任何多余的配置,只需修改收款链接,即可永久使用(修改方法见文章下方)。
使用方法
下载压缩包之后,把里面的index.html解压到本地电脑上。
打开 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、微信 则需展示出对应的收款码,由用户自行长按识别真正的收款二维码实现唤起付款。
PS:收款链接获取方法
以下以微信为例,QQ、支付宝的获取方法类似。
打开微信,点击右上角>收付款
找到“二维码收款”
将得到的收款二维码保存(截图)
用二维码识别工具(如 https://cli.im/deqr/) 上传二维码图片并获取到二维码中的收款链接。
将获取到的收款链接粘贴并替换源码中的链接即可。
修改之后,保存文件即可。
评论