微信扫描二维码跳转手机外部浏览器打开APK文件的下载链接是怎么实现的

在涉及移动端支付的项目时,由于对支付需求的精细化,不仅需要扫码支付,还有唤醒App支付,另外还有在微信、QQ、支付宝内置浏览器给出相应的提示。

 

0unj2v91.png

好在国内各大巨头公司在开发浏览器的时候都在浏览器标识上加了相应的字符,!

functionis_neizhi(){

varua = navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger/i) =="micromessenger") {

return"weixin";

}elseif(ua.match(/QQ/i) =="qq") {

return"QQ";

}elseif(ua.match(/Alipay/i) =="alipay"&& payway ==2) {

return"alipay";

    }

returnfalse;

}

由此可以判断是否是App内置浏览器或者更加精细到某App内置浏览器。但是略坑的是:微信支付不管是在QQ、微信还是支付宝内置浏览器里面都不能被唤醒;支付宝支付可以在支付宝内置浏览器唤醒,其余则不能。

在外部浏览器打开是用jquery遮罩层方式写的,下面直接贴代码:

varisNeizhi = is_neizhi();//调用上面js判断

varwinHeight =typeofwindow.innerHeight !='undefined'?window.innerHeight :document.documentElement.clientHeight;//网页可视区高度

varweixinTip = $('<div id="weixinTip"><p><img src="live_weixin.png" alt="微信打开"/></p></div>');

if(isNeizhi){

$("body").append(weixinTip);

}

$("#weixinTip").css({

"position":"fixed",

"left":"0",

"top":"0",

"height": winHeight,

"width":"100%",

"z-index":"1000",

"background-color":"rgba(0,0,0,0.8)",

"filter":"alpha(opacity=80)",

});

$("#weixinTip p").css({

"text-align":"center",

"margin-top":"10%",

"padding-left":"5%",

"padding-right":"5%"

});

$("#weixinTip p img").css({

"max-width":"100%",

"height":"auto"

});

麦粒微跳——微信打开浏览器、下载APP

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值