版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。
一、需求分析
通过扫描二维码下载APP已成为一个大家管用且非常方便的下载方式了,微信也成为扫描二维码重要的工具,因为目前微信的用户占据了国内大部分市场。
然而在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时就需要微信内下载app或者自动跳出到手机浏览器下载app的功能。
二、技术来源:
功能实现后,苹果用户可以直接在微信内下载企业包或者苹果商店的应用。实现效果如下:
1.、苹果商店应用
2.、企业包下载
3、安卓用户会自动跳出到手机浏览器下载app,下面为大家介绍功能的实现过程。
二、代码编程
1. HTML代码
var ua = navigator.userAgent; var isWeixin = !!/MicroMessenger/i.test(ua);
2. CSS代码
1 #weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;} 2 #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;} 3 #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}
3. JS封装代码
1 var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf(‘micromessenger’) !== -1})(); 2 window.onload = function() { 3 var winHeight = typeof window.inne