微信掃描二維碼跳轉(zhuǎn)手機(jī)默認(rèn)瀏覽器打開(kāi)下載app的鏈接是怎么實(shí)現(xiàn)的

在我們做營(yíng)銷活動(dòng)或推廣宣傳的時(shí)候,容易遇到域名被封,無(wú)法跳轉(zhuǎn)app下載等情況。這時(shí)需要微信跳轉(zhuǎn)外部瀏覽器打開(kāi)頁(yè)面的功能,對(duì)于微信默認(rèn)可以通過(guò):點(diǎn)擊右上角的三點(diǎn),點(diǎn)擊“在瀏覽器中打開(kāi)”。但是對(duì)于很多用戶而言并不知道這樣的實(shí)現(xiàn),所以需要在代碼中進(jìn)行相關(guān)操作。目前ios只能通過(guò)遮罩層來(lái)提示用戶,對(duì)于安卓可以直接跳轉(zhuǎn)外面默認(rèn)瀏覽器,下面就分別介紹下這2種方式的實(shí)現(xiàn)代碼。

有需要制作下載鏈接的朋友可以前往:http://www.zjychina.cn


一、遮罩提示:

遮罩引導(dǎo)法,這種事最簡(jiǎn)單的方法。

代碼:

functionisWx(){//判斷是否為微信

varua =window.navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger/i) =='micromessenger'){

returntrue;

}

returnfalse;

};

if(isWx()){//判斷瀏覽器是否微信

varhtml='<div class="box"><img src="images/head.png"></box>'

layer.open({//這里使用了layer的彈窗組件,你也可以自己寫(xiě)

type:1,content: html,anim:'up',

style:'position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;'

? });

return;

}

效果如下:


二、鏈接跳轉(zhuǎn)

安卓手機(jī)的話是通過(guò)點(diǎn)擊鏈接,直接跳轉(zhuǎn)出微信。自動(dòng)打開(kāi)手機(jī)默認(rèn)的瀏覽器。但是這個(gè)方法IOS的系統(tǒng)不行,需要進(jìn)行判斷了,判斷代碼如下:

functionisDevice(){//判斷是android還是ios還是web

varua = navigator.userAgent.toLowerCase();

if(ua.match(/iPhone\sOS/i) =="iphone os"|| ua.match(/iPad/i)=="ipad"){//ios

return"iOS";

? ? }

if(ua.match(/Android/i) =="android") {

return"Android";

? ? }

return"Web";

};

該下載鏈接需要給出以下頭部 :

header("Content-type:application/pdf");

header("Content-Disposition:attachment;filename='downloaded.pdf'");

此時(shí)微信會(huì)因?yàn)轭^部是下載處理,自動(dòng)跳轉(zhuǎn)到瀏覽器中打開(kāi)這個(gè)鏈接,主要就是讓服務(wù)端返回一個(gè)PDF下載就行了,這樣微信就會(huì)直接跳出到瀏覽器打開(kāi)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容