微信瀏覽器無法下載掃碼下載問題
阿新 • • 發佈：2018-08-01
down foo 一個 head script adding 解決辦法 手機 sun
最近公司開發了一款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
微信瀏覽器無法下載掃碼下載問題