一套代码自动识别支付宝/微信,智能跳转对应链接实战教程
复制即用,零依赖、不收集用户数据,3 秒完成环境检测 + 跳转
1. 代码总览(minified 仅 0.8 KB)
<script>
/* 微信 / 支付宝 / 默认 三合一跳转 @update 2025-06 */
(function(){
var u = navigator.userAgent.toLowerCase(),
url = u.includes('micromessenger') ? 'WEIXART://payapp.weixin.qq.com/qrpay/order/home2?key=idc_CHNDVI_JfuLTjNZIWPg0KYdsu5dCA'
: u.includes('alipayclient') ? 'ALIRT://qr.alipay.com/2m6179899wmzjorbtnmlp10'
: 'DEFAULT://your-default-url.com';
window.location.replace(url.split('://')[1]);
})();
</script>
要点
-
replace()代替href=不产生历史回退 -
协议头
WEIXART/ALIRT仅做标记,实际截取后跳转 -
页面加载即执行,无需额外事件
2. 部署步骤(3 步 30 秒)
-
把上方
<script>块放进需要跳转的页面,最好放在<head>里,减少白屏。 -
将
key=xxx与qr.alipay.com/xxx换成你自己的收款链接或业务地址。 -
上传即可测试:
-
微信内访问 → 直达微信支付中间页
-
支付宝内访问 → 直达支付宝二维码页
-
其余浏览器 → 进入默认页(可放 H5 支付或提示)
-
3. 进阶:可维护版(带日志 & 降级提示)
<script>
(function(){
const UA = navigator.userAgent.toLowerCase();
const map = {
wechat: { url: 'https://payapp.weixin.qq.com/qrpay/order/home2?key=idc_CHNDVI_JfuLTjNZIWPg0KYdsu5dCA', color: '#07C160' },
alipay: { url: 'https://qr.alipay.com/2m6179899wmzjorbtnmlp10', color: '#1677FF' },
default: { url: 'https://your-default-url.com', color: '#666' }
};
const client = UA.includes('micromessenger') ? 'wechat'
: UA.includes('alipayclient') ? 'alipay'
: 'default';
console.log('[Jump] Detect:', client); // 调试信息
document.body.style.backgroundColor = map[client].color; // 视觉区分
setTimeout(()=> location.replace(map[client].url), 500); // 留 0.5 s 渐变色
})();
</script>
-
背景色即时反馈,方便测试
-
setTimeout可扩展成广告页或 loading 动画
初版代码
<script>
function detectClientAndRedirect() {
const userAgent = navigator.userAgent.toLowerCase();
let targetUrl;
// 判断是否是微信客户端
if (userAgent.match(/micromessenger/i)) {
targetUrl = "https://payapp.weixin.qq.com/qrpay/order/home2?key=idc_CHNDVI_JfuLTjNZIWPg0KYdsu5dCA--"; // 微信专用网址
}
// 判断是否是支付宝客户端
else if (userAgent.match(/alipayclient/i)) {
targetUrl = "https://qr.alipay.com/2m6179899wmzjorbtnmlp10"; // 支付宝专用网址
}
// 其他客户端跳转到默认页面
else {
targetUrl = "https://your-default-url.com";
}
// 跳转到目标网址
window.location.href = targetUrl;
}
// 页面加载完成后立即执行跳转
window.onload = detectClientAndRedirect;
</script>
版权声明:
作者:Suhao Zhang
链接:https://suhao.pw/89.html
文章版权归作者所有,未经允许请勿转载。
THE END