微信中无法直接下载APP文件的解决方案--强制跳转至浏览器打开

2019-01-29  本文已影响0人  zhangyangffffff

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

1

看下效果,图片在最下面:!

在需要下载的页面中加入下面的代码

  •   <div class="weixin-tip" style="display:none;">
  •   <p>
  •       <img src="/images/weixin-tip.jpg" class="weixinpic" alt="微信打开"/>
  •   </p>
  •   </div>
  • css样式

  •   a{text-decoration: none;}
  •   .weixinpic{width: 100%; height: 100%;}
  •   .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;}
  •   .weixin-tip p{text-align: center;}
  • js

  •   <script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
  •   <script type="text/javascript">
  •   $(function(){
  •   var u = navigator.userAgent, app = navigator.appVersion;
  •   var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
  •   var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  •   $('.img').click(function(){
  •   if(isAndroid){
  •   var winHeight = $(window).height();
  •   function is_weixin() {
  •   var ua = navigator.userAgent.toLowerCase();
  •   if (ua.match(/MicroMessenger/i) == "micromessenger") {
  •   return true;
  •   } else {
  •   return false;
  •   }
  •   }
  •   var isWeixin = is_weixin();
  •   if(isWeixin){
  •   $(".weixin-tip").css("height",winHeight);
  •   $(".weixin-tip").show();
  •   }else {
  •   window.location.href = "";//安卓下载地址
  •   }
  •   }else if(isIOS){
  •   location.href = '';//IOS下载地址
  •   }
  •    
  •   })
  •   })
  •    
  •   </script>
  • 这要就可以下载了

    上一篇 下一篇

    猜你喜欢

    热点阅读