使用微信打開(kāi)網(wǎng)址時(shí)，由于網(wǎng)站制作與設(shè)計(jì)過(guò)程中不同端口的兼容性，無(wú)法在微信內(nèi)打開(kāi)常用下載軟件，手機(jī)APP等。網(wǎng)上流傳的各種微信打開(kāi)下載鏈接，微信已更新基本失效，最新的一個(gè)是使用鏈接跳轉(zhuǎn)方式：

HTTP://mp.weixin.qq.com/mp/redirect?url=http://caibaojian.com/test.apk#weixin.qq.com#wechat_redirect。

將鏈接文本中的http://caibaojian.com/test.apk換成你的下載鏈接地址。本人已經(jīng)測(cè)試可行。歡迎打開(kāi)微信掃碼測(cè)試。已經(jīng)失效，用戶可以將應(yīng)用傳到應(yīng)用寶。

終極解決方法

      今天要加的是一個(gè)終極解決方法：彈出一個(gè)遮罩提示用戶在新的瀏覽器窗口打開(kāi)。

      再也不用管微信如何的更新，直接判斷微信的ua，然后彈出一個(gè)遮罩提示用戶在瀏覽器中打開(kāi)下載。并且不加關(guān)閉的按鈕。類似于下面這樣子：

      這樣子用戶就只能在瀏覽器中打開(kāi)，并且可以直接下載應(yīng)用了。歡迎打開(kāi)微信掃描查看（其他掃描沒(méi)有效果）。

演示和下載

 此處內(nèi)容需要登錄才可見(jiàn)

如果你已經(jīng)將它用在你的項(xiàng)目中了，歡迎留下你的在線地址哦。

另加一個(gè)判斷手機(jī)QQ的UA

function is_mobileQQ() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/\sQQ/i) == " qq" && /iphone/i.test(ua) == false) {
return true;
} else {
return false;
}
}

注意：由于這個(gè)代碼一進(jìn)入就是彈出提示，可能會(huì)影響用戶其它操作，故而寫了另一篇優(yōu)化的代碼，支持用戶點(diǎn)擊下載鏈接之后才彈出提示，并且還可以點(diǎn)擊關(guān)閉。

      由于微信的限制，應(yīng)用文件在內(nèi)置瀏覽器中下載全部被屏蔽掉，造成很多人用微信掃描二維碼下載時(shí)點(diǎn)擊下載按鈕沒(méi)反應(yīng)，我想到的是做一個(gè)提示用戶在瀏覽器中打開(kāi)下載。

其實(shí)原來(lái)很簡(jiǎn)單，就是判斷當(dāng)前是在微信內(nèi)置瀏覽器中，然后將默認(rèn)隱藏的提示層顯示出來(lái)。

      第一步：判斷微信的UA。

var ua = navigator.userAgent;
var isWeixin =  !!/MicroMessenger/i.test(ua);

      第二步：引入默認(rèn)隱藏層。

點(diǎn)擊下載APP點(diǎn)擊下載APP2
點(diǎn)擊右上角
選擇在瀏覽器中打開(kāi)

      第三步：添加CSS樣式

.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}
.wxtip-icon{width: 52px; height: 67px; background: url(weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}

      第四步：點(diǎn)擊按鈕顯示隱藏層，點(diǎn)擊隱藏層關(guān)閉，總的JS代碼如下：

function weixinTip(ele){	var ua = navigator.userAgent;	var isWeixin = !!/MicroMessenger/i.test(ua);	if(isWeixin){		ele.onclick=function(e){			window.event? window.event.returnValue = false : e.preventDefault();			document.getElementById('JweixinTip').style.display='block';
		}		document.getElementById('JweixinTip').onclick=function(){			this.style.display='none';
		}
	}
}var btn1 = document.getElementById('JdownApp');//下載一weixinTip(btn1);var btn2 = document.getElementById('JdownApp2'); //下載二weixinTip(btn2);

以上代碼，你再也不用擔(dān)心有多個(gè)按鈕了。

歡迎專注北京網(wǎng)站建設(shè)公司   瑩晨設(shè)計(jì)