在我們做營(yíng)銷活動(dòng)或推廣宣傳的時(shí)候,容易遇到域名被封翠桦,無法跳轉(zhuǎn)app下載等情況横蜒。這時(shí)需要微信跳轉(zhuǎn)外部瀏覽器打開頁面的功能,對(duì)于微信默認(rèn)可以通過:點(diǎn)擊右上角的三點(diǎn),點(diǎn)擊“在瀏覽器中打開”秤掌。但是對(duì)于很多用戶而言并不知道這樣的實(shí)現(xiàn)愁铺,所以需要在代碼中進(jìn)行相關(guān)操作鹰霍。目前ios只能通過遮罩層來提示用戶闻鉴,對(duì)于安卓可以直接跳轉(zhuǎn)外面默認(rèn)瀏覽器,下面就分別介紹下這2種方式的實(shí)現(xiàn)代碼茂洒。
有需要制作下載鏈接的朋友可以前往:http://www.zjychina.cn
代碼:
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的彈窗組件渠羞,你也可以自己寫
type:1,content: html,anim:'up',
style:'position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;'
? });
return;
}
效果如下:
安卓手機(jī)的話是通過點(diǎn)擊鏈接智哀,直接跳轉(zhuǎn)出微信次询。自動(dòng)打開手機(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)到瀏覽器中打開這個(gè)鏈接,主要就是讓服務(wù)端返回一個(gè)PDF下載就行了盒卸,這樣微信就會(huì)直接跳出到瀏覽器打開骗爆。