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

微信浏览器无法下载扫码下载问题

时间:2018-08-01 11:49:14      阅读:347      评论:0      收藏:0      [点我收藏+]

标签:http   undefined   打开   rip   另一个   href   sha   height   one   

 最近公司开发了一款app,在做推广的时候遇到了微信扫码无法直接下载的问题

  最终在参考了众多资料后,发现微信内置浏览器不支持直接下载功能,可能这就是公司足够大了,有些功能不给开放也不会怎样。但是问题还是要解决的。

    解决办法:

      一、上传微信开放平台

       1,首先你在QQ开放平台http://open.qq.com注册,创建你的应用,
        2,在你的应用中就可以找到 微下载的url,有pc端的,和手机端的,
        3,把pc端的url地址用浏览器打开,然后可以看到立即下载按钮,
        4,通过查看源代码,把这个按钮的下载地址找到,
        5,把这个下载地址生成二维码,用微信扫一 扫就可以直接通过浏览器下载了。 

       缺点: (需要上传到腾讯的应用宝平台,审核就要好几天,后期管理起来的话也比较麻烦,不过这个方法肯定是可以的,毕竟微信和腾讯是一家人。)

        二、 做一个网页,指向另一个网页进行下载。这个方法也是比较常见的一个方法。做一个假的页面然后指向我们要下载的apk:

        


<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="renderer" content="webkit">
    <style type="text/css">
     *{margin:0; padding:0;}
     a{text-decoration: none;}
     img{max-width: 100%; height: auto;}
     
    .download{color: #4D4D4D; padding: 7.2% 6.8% 9.3%;}
    .download .entry-hd{font-size: 2.4em; font-weight: bold; text-align: center;}
    .download-btn{padding-top: 9%; text-align: center;}
    .download-btn .android-btn{ width:auto; margin:0 auto;}
    
    .footer-bg{background: #2D2D2D; color: #E4E4E4; padding: 3.4% 2%; text-align: center;}
    .footer-bg .entry-con{font-size: 1em;}
    
    #weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
    #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%; position: relative;}
    #weixin-tip .close{
        color: #fff;
        padding: 5px;
        font: bold 20px/20px simsun;
        text-shadow: 0 1px 0 #ddd;
        position: absolute;
        top: 0; left: 5%;
    }
    </style>
    <title>青少年法治e站app下载</title>
</head>
<body class="success">
    <div class="page-wrap">
        <div class="download">
            <h3 class="entry-hd">
            </h3>
            <div class="download-btn"><a href="http://路径/xx.apk" class="android-btn" id="J_weixin"><img src="" alt="安卓版下载"></a></div>
        </div>
        <div class="footer-bg">
            <p class="entry-con">注:微信用户请在右上角选择“在浏览器中打开”,再选择下载应用</p>
        </div>
    </div>
    <div id="weixin-tip"><p><img src="可访问到的图片路径.jpg" alt="微信打开"/><span id="close" title="关闭" class="close" style="color:black"   >×请在右上角选择“在浏览器中打开”,再选择下载应用</span></p></div>
    <script type="text/javascript">
    var is_weixin = (function() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    })();
    window.onload = function(){
        var winHeight = typeof window.innerHeight != undefined ? window.innerHeight : document.documentElement.clientHeight;
        var btn = document.getElementById(J_weixin);
        var tip = document.getElementById(weixin-tip);
        var close = document.getElementById(close);
        if(is_weixin){
            btn.onclick = function(e){
                tip.style.height = winHeight + px;
                tip.style.display = block;
                return false;
            }
            close.onclick = function(){
                tip.style.display = none;
            }
        }
    }
    </script>
</body>
</html>
亲测有效,我就是用这个方法暂时解决问题的,当然这只是间接解决问题
(此段代码忘记参考了哪个链接了,作者可与我联系,侵权必删)

 

  
   三、上传到腾讯微云。这个方法也是一个变相改变路径的过程,将我们的程序上传到腾讯的微云上
      此方法可直接看下面链接:
    https://www.cnblogs.com/123hll/p/6956647.html

微信浏览器无法下载扫码下载问题

标签:http   undefined   打开   rip   另一个   href   sha   height   one   

原文地址:https://www.cnblogs.com/yz820/p/9399490.html

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