微信瀏覽器無法下載掃碼下載問題


 最近公司開發了一款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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM