微信掃碼提示在瀏覽器中打開的2種實現(xiàn)方式

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

方法一：遮罩提示法

網(wǎng)站制作、網(wǎng)站建設介紹好的網(wǎng)站是理念、設計和技術的結(jié)合。創(chuàng)新互聯(lián)建站擁有的網(wǎng)站設計理念、多方位的設計風格、經(jīng)驗豐富的設計團隊。提供PC端+手機端網(wǎng)站建設，用營銷思維進行網(wǎng)站設計、采用先進技術開源代碼、注重用戶體驗與SEO基礎，將技術與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

其實原來很簡單，就是判斷當前是在微信內(nèi)置瀏覽器中，然后將默認隱藏的提示層顯示出來。
第一步：判斷微信的UA。

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

第二步：引入默認隱藏層。

<a?>點擊右上角<br/>選擇在瀏覽器中打開</p></div>

第三步：添加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;}

第四步：點擊按鈕顯示隱藏層，點擊隱藏層關閉，總的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);

以上就是遮罩代碼，你再也不用擔心用戶不會操作了。

方法二：自動跳轉(zhuǎn)法
該方法需要分蘋果和安卓2種情況，我們可以用現(xiàn)有的工具接口：Getinstall
安卓：
可以直接填寫apk的下載地址，也可以直接填寫H5下載頁面的落地頁，接口判斷為安卓設備時會自動跳出外部瀏覽器，并打開填寫的地址。
蘋果：
這里就比較復雜了，由于Getinstall接口判斷設備為蘋果時，第一步會判斷是網(wǎng)頁還是下載，如果是下載APP，會自動調(diào)用AppStore的APP下載模塊，直接下載APP，如果判斷為網(wǎng)頁，則也是執(zhí)行上面的遮罩代碼，提示用戶在safari 中打開。
雖然Getinstall是專用于APP下載的接口，但如果是想要做網(wǎng)頁跳轉(zhuǎn)也是可以直接拿來使用的。

文章題目：微信掃碼提示在瀏覽器中打開的2種實現(xiàn)方式
轉(zhuǎn)載來于：http://muchs.cn/article8/ipgiip.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、品牌網(wǎng)站設計、企業(yè)建站、網(wǎng)站維護、企業(yè)網(wǎng)站制作、品牌網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)