需求:微信扫描二维码,点击用其它浏览器打开就下载公司app,用浏览器扫描二维码直接下载。
扫描二维码地址:http://tgjcare.com/home/index/tgjapp.html (安卓版本)
演示url地址:http://www.tgjcare.com/xiazai-h5/
代码:
脚本代码为判断是否是微信浏览器打开,
1,如果是微信浏览器打开,弹出遮照层。如果不是微信浏览器直接打开下载链接
if(isWechat()){ $(".mobile-coverage").css("display","block"); $(".mobile-bg").css("display","block"); }else{ window.location.href="http://www.tgj-care.com/ftproot/apk/chyhealth.apk"; }
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>免费体验</title> <link rel="stylesheet" type="text/css" href="css/h5-body.css" /> <meta name="Keywords" content="关键词,关键词"> <meta name="description" content=""> <style type="text/css"> </style> </head> <body> <div class="ws_content"> <div class="mobile-coverage"> <img class="arrow" src="images/arrow.png" /> <p>请点击右上角<br /> 选择“在浏览器中打开”</p> </div> <div class="mobile-bg"></div> <div class="ws_c_top"> </div> <div class="ws_c_center"> <div class="ws_c_left"> <div class="ws_cl_app"></div> <div class="ws_cl_text"></div> </div> <div class="ws_c_right"></div> </div> <div class="ws_xiaz"></div> <div class="ws_choice"> <a href="http://www.tgj-care.com/ftproot/apk/chyhealth.apk" class="ws_cr"></a> </div> <br><br> </div> </body> <script src="http://dev.umeng.com/assets/jquery.min-bdf751dfcd8d44bc83b3104825139be5.js"></script> <script type="text/javascript"> var isIOS = function(){ var u = navigator.userAgent; if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){ return true; } else{ return false; } } var isAndroid = function(){ var u = navigator.userAgent; if(u.indexOf('android') > -1 || u.indexOf('Linux') > -1 || u.indexOf('Android') > -1){ return true; } else{ return false; } } var isWechat = function(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; } else{ return false; } } var whatSys = function(){ if(isIOS()){ $("a.mobile-ios-download").addClass("show").siblings("a").removeClass("show"); } else if(isAndroid()){ $("a.mobile-android-download").addClass("show").siblings("a").removeClass("show"); } else{ $("a.mobile-android-download").addClass("show").siblings("a").removeClass("show"); } } var wechat = function(){ if(isWechat()){ $(".mobile-coverage").css("display","block"); $(".mobile-bg").css("display","block"); }else{ window.location.href="http://www.tgj-care.com/ftproot/apk/chyhealth.apk"; } } var safri = function(){ if(isWechat() && !isIOS()){ $("img.safri").css("display","none"); } } whatSys(); wechat(); safri(); </script> </html>