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

笛里谁知壮士心,沙头空照征人骨。这篇文章主要讲述微信浏览器无法跳转到apk下载链接微信分享的app下载不了相关的知识,希望能为你提供帮助。
现在微信分享的功能很多,从分享的链接下载apk安卓包是很正常的,但是微信不让下载apk包,只能通过浏览器来下载,但是这要给用户一个提示吧,不然用户不知道
下面我们来实现,引导用户通过浏览器来下载apk包
看下效果,图片在最下面
 
 

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

文章图片

 
【微信浏览器无法跳转到apk下载链接微信分享的app下载不了】 
 
 
在需要下载的页面中加入下面的代码
  1.   < div class="weixin-tip" style="display:none; ">
  2.   < p>
  3.           < img src="https://www.songbingjia.com/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="https://www.songbingjia.com/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.hrefhttps://www.songbingjia.com/android/= ""; //安卓下载地址
  24.   }
  25.   }else if(isIOS){
  26.   location.href = https://www.songbingjia.com/android/‘‘; //IOS下载地址
  27.   }
  28.    
  29.   })
  30.   })
  31.    
  32.   < /script>
微信浏览器无法跳转到apk下载链接微信分享的app下载不了

文章图片

这要就可以下载了
 
 

    推荐阅读