微信扫描二维码跳转手机外部浏览器打开APK文件的下载链接是怎么实现的
2019-01-25 13:45
931 查看
在涉及移动端支付的项目时,由于对支付需求的精细化,不仅需要扫码支付,还有唤醒App支付,另外还有在微信、QQ、支付宝内置浏览器给出相应的提示。
好在国内各大巨头公司在开发浏览器的时候都在浏览器标识上加了相应的字符,
-
function is_neizhi() {
-
var ua = navigator.userAgent.toLowerCase();
-
if (ua.match(/MicroMessenger/i) == "micro 4000 messenger") {
-
return "weixin";
-
} else if (ua.match(/QQ/i) == "qq") {
-
return "QQ";
-
} else if (ua.match(/Alipay/i) == "alipay" && payway == 2) {
-
return "alipay";
-
}
-
return false;
-
}
由此可以判断是否是App内置浏览器或者更加精细到某App内置浏览器。但是略坑的是:微信支付不管是在QQ、微信还是支付宝内置浏览器里面都不能被唤醒;支付宝支付可以在支付宝内置浏览器唤醒,其余则不能。
在外部浏览器打开是用jquery遮罩层方式写的,下面直接贴代码:
-
var isNeizhi = is_neizhi(); //调用上面js判断
-
var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //网页可视区高度
-
var weixinTip = $('<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"
-
});
相关文章推荐
- 微信环境中如何实现下载apk文件的下载 扫描二维码跳转手机默认浏览器打开下载app的链接是怎么实现的
- 微信二维码跳转手机外部浏览器下载APK文件(IOS跳转苹果商店)是怎么实现的
- 微信扫描二维码跳转手机默认浏览器打开下载app的链接是怎么实现的
- 微信扫描二维码跳转手机默认浏览器打开下载app的链接是怎么实现的
- 微信扫一扫二维码跳转手机外部浏览器打开下载app的链接是怎么实现的
- 微信环境中扫描二维码下载APP(APK)文件的解决方案-自动跳转到手机默认浏览器(AppStore)打开
- 微信中怎么打开apk下载链接 微信跳转打开外部浏览器打开apk文件
- 微信跳转手机外部浏览器下载APK文件(IOS跳转苹果商店)是怎么实现的
- 微信扫描二维码调用手机外部浏览器打开下载apk的链接
- 微信怎么实现点击链接或扫描二维码自动跳转到手机浏览器打开链接
- 微信中点击链接或者扫描二维码直接跳转外部浏览器打开指定网页下载
- 微信跳转手机外部浏览器下载APP文件(IOS跳转苹果商店)是怎么实现的
- 微信环境中如何实现跳转到手机默认外部浏览器下载apk文件
- 微信扫一扫二维码跳转手机默认浏览器打开下载app的链接是怎么实现的
- 微信跳转手机外部浏览器下载APP文件(IOS跳转苹果商店)是怎么实现的
- 微信中点击链接或者扫描二维码直接跳转外部浏览器打开指定网页下载
- 微信中点击链接或者扫描二维码直接跳转外部浏览器打开指定网页下载
- 微信环境中不支持APP(APK)文件下载的解决方案---跳转到手机系统浏览器打开下载链接
- 微信中如何实现点击链接跳转到手机默认外部浏览器下载apP文件
- 微信里扫描二维码弹出默认浏览器(苹果打开App Store)打开app的下载链接怎么实现