微信网页点击按钮下载app,启动app

本文介绍了一种方法,用于检测用户是否在微信或QQ环境中访问网页,并根据设备类型(iOS或Android)引导用户启动或下载特定的应用。通过分析用户代理字符串,可以判断用户所处的环境,并相应地调整页面行为,如显示提示信息或跳转到应用启动或下载链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

https://www.jianshu.com/p/3d1e48b9ec7c(参考博客地址)
先判断是否在微信或者qq环境中,让用户在浏览器中进行操作
网页无法准确判断用户是否安装了app(只能在规定时间段内若未启动则直接去下载使用延时函数实现)
下载和启动链接都是ios安卓人员提供 代码如下:

启动app
var is_weixin = (function() { //判断微信UA
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == “micromessenger”) {
return true;
} else {
return false;
}
})();
var is_qq = (function() { //判断微信UA
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/QQ/i) == “qq”) {
return true;
} else {
return false;
}
})();
var is_qqbrowser = (function() { //判断QQ浏览器
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/mqqbrowser/i) == “mqqbrowser”) {
return true;
} else {
return false;
}
})();
var tip = document.getElementById(‘weixin-tip’);
var u = navigator.userAgent,
app = navigator.appVersion;
var isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

if(isiOS) { //调用ios的链接
//alert(‘ios’);
if(is_weixin || is_qq) {
//alert(‘ios’);
//tip.style.height = winHeight + ‘px’; //兼容IOS弹窗整屏
tip.style.display = ‘block’;
} else {
//alert(‘ios启动’);
window.location.href = “hrtZhanYeBao://”; /启动app的地址/
window.location.href = “https://apps.apple.com/cn/app/id1159546710”; /下载app的地址/
}

} else {
if(is_weixin || is_qq) {
tip.style.display = ‘block’;
} else {
//alert(‘安卓启动’);
window.location.href = “hrtagent://agent”; /打开app的协议启动app,有安卓同事提供/
window.location.href = “https://download.hrtpayment.com/download/hrtapp_zyb.html”; /下载app,有安卓同事提供/
}

}

var is_weixin = (function() { //判断微信UA
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == “micromessenger”) {
return true;
} else {
return false;
}
})();
var is_qq = (function() { //判断微信UA
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/QQ/i) == “qq”) {
return true;
} else {
return false;
}
})();
var is_qqbrowser = (function() { //判断QQ浏览器
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/mqqbrowser/i) == “mqqbrowser”) {
return true;
} else {
return false;
}
})();
var tip = document.getElementById(‘weixin-tip’);
var u = navigator.userAgent,
app = navigator.appVersion;
var isAndroid = u.indexOf(‘Android’) > -1 || u.indexOf(‘Linux’) > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

if(isiOS) { //调用ios的链接
//alert(‘ios’);
if(is_weixin || is_qq) {
//alert(‘ios’);
//tip.style.height = winHeight + ‘px’; //兼容IOS弹窗整屏
tip.style.display = ‘block’;
} else {

}

} else {
if(is_weixin || is_qq) {
tip.style.display = ‘block’;
} else {

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值