微信浏览器无法跳转到apk下载链接 微信分享的app下载不了

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

技术分享图片

这要就可以下载了

 

 

相关文章