微信浏览器不支持下载怎么解决 微信中为什么不能下载apk

时间:2019-01-27 21:53:26   收藏:0   阅读:223

现在微信分享的功能很多,从分享的链接下载apk安卓包是很正常的,但是微信不让下载apk包,只能通过浏览器来下载,但是这要给用户一个提示吧,不然用户不知道

 

 

 

下面我们来实现,引导用户通过浏览器来下载apk包

 

技术分享图片

 

 

 

 

 
  1.  
    <div class="weixin-tip" style="display:none;">
     
  2.  
    <p>
     
  3.  
        <img src="/images/weixin-tip.jpg" class="weixinpic" alt="微信打开"/>
     
  4.  
    </p>
     
  5.  
    </div>
     
 

css样式

 
  1.  
    a{text-decoration: none;}
     
  2.  
    .weixinpic{width: 100%; height: 100%;}
     
  3.  
    .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); height: 100%; width: 100%; z-index: 100;}
     
  4.  
    .weixin-tip p{text-align: center;}
     
 

js

 
  1.  
    <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
     
  2.  
    <script type="text/javascript">
     
  3.  
    $(function(){
     
  4.  
    var u = navigator.userAgent, app = navigator.appVersion;
     
  5.  
    var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1;
     
  6.  
    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
     
  7.  
    $(‘.img‘).click(function(){
     
  8.  
    if(isAndroid){
     
  9.  
    var winHeight = $(window).height();
     
  10.  
    function is_weixin() {
     
  11.  
    var ua = navigator.userAgent.toLowerCase();
     
  12.  
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
     
  13.  
    return true;
     
  14.  
    } else {
     
  15.  
    return false;
     
  16.  
    }
     
  17.  
    }
     
  18.  
    var isWeixin = is_weixin();
     
  19.  
    if(isWeixin){
     
  20.  
    $(".weixin-tip").css("height",winHeight);
     
  21.  
    $(".weixin-tip").show();
     
  22.  
    }else {
     
  23.  
    window.location.href = "";//安卓下载地址
     
  24.  
    }
     
  25.  
    }else if(isIOS){
     
  26.  
    location.href = ‘‘;//IOS下载地址
     
  27.  
    }
     
  28.  
     
  29.  
    })
     
  30.  
    })
     
  31.  
     
  32.  
    </script>
     
 

技术分享图片

这要就可以下载了

 

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!