运行html5手机,h5网页打开手机APP(示例代码)

button[0].onclick = function() {functiondetectVersion() {

let isAndroid, isIOS, isIOS9, version,

u=navigator.userAgent,

ua=u.toLowerCase();if (u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1) { //android终端或者uc浏览器

//Android系统

isAndroid = true}if (ua.indexOf("like mac os x") > 0) {//ios

var regStr_saf = /os [d._]*/gi;var verinfo =ua.match(regStr_saf);

version= (verinfo + "").replace(/[^0-9|_.]/ig, "").replace(/_/ig, ".");

}var version_str = version + "";if (version_str != "undefined" && version_str.length > 0) {

version=parseInt(version)if (version >= 8) {//ios9以上

isIOS9 = true}else{

isIOS= true}

}return{ isAndroid, isIOS, isIOS9 }

}//判断手机上是否安装了app,如果安装直接打开url,如果没安装,执行callback

functionopenApp(url, callback) {

let { isAndroid, isIOS, isIOS9 }=detectVersion()if (isAndroid ||isIOS) {var timeout, t = 1500, hasApp = true;var openScript = setTimeout(function() {if (!hasApp) {

callback&&callback()

}

document.body.removeChild(ifr);

},2500)var t1 =Date.now();var ifr = document.createElement("iframe");

ifr.setAttribute(‘src‘, url);

ifr.setAttribute(‘style‘, ‘display:none‘);

document.body.appendChild(ifr);

timeout= setTimeout(function() {var t2 =Date.now();if (t2 - t1 < t + 100) {

hasApp= false;

mask[0].style.display = "none"}

}, t);

}if(isIOS9) {

location.href=url;

setTimeout(function() {

callback&&callback()

mask[0].style.display = "none"},250);

setTimeout(function() {

location.reload();

},1000);

}

}//跳h5

functiongoConfirmAddr() {//if (isAndroid) {

var a = document.createElement("a");

a.setAttribute("href",‘tongzhuo://sunlands‘);

a.style.display = "none";

var ev = document.createEvent(‘HTMLEvents‘);

ev.initEvent(‘click‘, false, true);

a.dispatchEvent(ev);

//} else {

//window.location.href = 应用宝链接

//}

window.location.href =应用宝链接

}if(isAndroid) {//window.onload 为啥不支持

openApp("app链接", goConfirmAddr)

}if(isiOS) {

openApp("app链接", goConfirmAddr)//window.onload = function () {

//alert(22222)

//}

}

}

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值