微信浏览器无法下载扫码下载问题
Posted 不懂代码的程序猿
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信浏览器无法下载扫码下载问题相关的知识，希望对你有一定的参考价值。
最近公司开发了一款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
以上是关于微信浏览器无法下载扫码下载问题的主要内容，如果未能解决你的问题，请参考以下文章