码迷,mamicode.com
首页 > 微信 > 详细

微信内浏览器不支持下载APK文件怎么解决

时间:2019-01-21 17:13:37      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:效果   win   安卓   用户   ack   user   opacity   none   string   

现在微信分享的功能很多,从分享的链接下载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>

技术分享图片

这要就可以下载了

 

 

微信内浏览器不支持下载APK文件怎么解决

标签:效果   win   安卓   用户   ack   user   opacity   none   string   

原文地址:https://www.cnblogs.com/jksdbafj/p/10299499.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!