1. 程式人生 > >微信瀏覽器禁止app下載連結怎麼辦

微信瀏覽器禁止app下載連結怎麼辦

通過掃描二維碼下載APP已成為一個非常方便的方式,微信也成為掃描二維碼重要的工具,但是掃描後微信瀏覽器會對APK和appStore的連結進行遮蔽,導致使用者無法正常下載。本文提供兩個迂迴的解決方案:1.使用騰訊應用寶;2.提示使用者使用瀏覽器開啟。

第1種方法不用介紹了,把APP提交給騰訊應用寶即可,需要等待騰訊的審批,審批條件比較苛刻,騰訊採用分級審批方式,如果你是高階開發者,可以不審批先上線,如果是低階開發者,那麼辛苦地等待吧。通過之後,會生成一個下載頁面,該頁面同時還能夠跳轉到appStore,前提是先錄入appStore的相關資訊。
第2種方法思路:
製作一個app下載頁 app-index.html,邏輯如下:

如果,是weixin瀏覽器:
如果,是iphone 或者 ipad:
則顯示“使用Safari開啟”
否則
顯示“使用瀏覽器開啟”
否則:
顯示下載頁面

測試樣例,掃描下面二維碼:
2139579851

效果如下:
IMG_0168(0)

IMG_0169(0)

IMG_0170(1)

<!DOCTYPE html><html lang="en"><meta charset="utf-8"><meta name="description" content=""><meta name="author" content=""><style>
body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
        font-family: STXihei, STHeiti, "華文細黑", "Microsoft YaHei", "微軟雅黑", SimSun, "宋體", Heiti, "黑體", sans-serif;
}
a{
        text-decoration:none;
        color:#ffffff;
}
.container:before, .container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

.logo{
        text-align:center;
}

.logo img{
    width:100px;
}

.title{
        text-align:center;
        margin-top:15px;
}

.title h1{
        font-size:25px;
        font-weight:500;
        color:#999;
}


.icon_row{
    margin:auto;
    display:table;
}
.icon_row>div{
    float:left;
    margin:0 5px;

}
.icon_row>div a{
        margin:auto;
    height:90px;
    overflow:hidden;
}


.app_btn{
        display:block;
        width:70px;
        text-align:center;
        color:#ffffff;
        padding:10px;

}
.green_btn{
    background-color:rgb(0,177,106);
}

.orange_btn{
        background-color:rgb(247,148,30);
}

.green_btn2{
        background-color:#3bbe01;
}

.orange_btn2{
        background-color:#f7a900;
}

.gray_btn{
    background-color:#dddddd;
}

.blue_btn{
    background-color:rgb(20,162,212);
}


.copyright{
        font-size:12px;
        text-align:center;
        color:#777;
        border-top:1px solid #eee;
        margin-top:20px;
        padding:10px 0;

}
.copyright img{
        margin-bottom:-4px;
}
#main{
    display:none;
}
#weixin{
    display:none;
}
.weixin-0{
    color:#555;
    padding:10px;
}
.weixin-arrow{
    position:absolute;
    right:30px;
    top:10px;
}
.weixin-1{
    font-size:1.5em;
    position:absolute;
    left:30px;
    top: 60px;
}
.weixin-2{
    margin-top:20px;
    font-size:1.5em;
    position:absolute;
    left:30px;
    top:74px;
}
    
</style><title>龍江女性APP下載</title><body><div id="main"></div><h1>點選下面圖示下載</h1></div><div><br>安卓</a></div><div><br>蘋果</a></div><div><br>手機網頁</a></div></div> &
copy;
2014 hljwomen.org 版權所有 · Made in
</a></div></div><div id="weixin"><div class="weixin-0">請按提示操作</div></div><div class="weixin-1">1. 點選</div><div id="step2" class="weixin-2">2. 在Safari中開啟</div></div><script> var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, presto: u.indexOf('Presto') > -1, webKit: u.indexOf('AppleWebKit') > -1, gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, mobile: !!u.match(/AppleWebKit.*Mobile.*/), ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone: u.indexOf('iPhone') > -1 , iPad: u.indexOf('iPad') > -1, webApp: u.indexOf('Safari') == -1 } }(), language:(navigator.browserLanguage || navigator.language).toLowerCase() }; function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; } } function iosInstall(){ if(!browser.versions.mobile){ alert("請使用手機訪問該網頁"); return; } url = "http://www.pgyer.com/app/install/bb3bd0353df6c3d3e39dc08523fd4e9e"; window.location.href = url; } function init(){ if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){ document.getElementById("main").style.display="block";return; } if(is_weixin()){ document.getElementById("weixin").style.display="block"; if(browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){ document.getElementById("step2").innerHTML="2. 在Safari中開啟"; }else{ document.getElementById("step2").innerHTML="2. 在瀏覽器中開啟"; } }else{ document.getElementById("main").style.display="block"; } } init(); </script></body></html>