微信中打開鏈接,自動打開外部瀏覽器打開指定URL頁面

在我們做營銷活動或推廣宣傳的時候,容易遇到域名被封,無法跳轉app下載等情況。這時需要微信跳轉外部瀏覽器打開頁面的功能,對於微信默認可以通過:點擊右上角的三點,點擊“在瀏覽器中打開”。但是對於很多用戶而言並不知道這樣的實現,所以需要在代碼中進行相關操作。目前ios只能通過遮罩層來提示用戶,對於安卓可以直接跳轉外面默認瀏覽器,下面就分別介紹下這2種方式的實現代碼。


e2iwulru.png

一、遮罩提示:

遮罩引導法,這種事最簡單的方法。

代碼:

function isWx(){//判斷是否爲微信
 
var ua = window.navigator.userAgent.toLowerCase();
 
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
 
return true;
 
}
 
return false;
 
};
 
if(isWx()){//判斷瀏覽器是否微信
 
var html='<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;
 
}

效果如下:

5bc01ba1519be.jpg

二、鏈接跳轉

安卓手機的話是通過點擊鏈接,直接跳轉出微信。自動打開手機默認的瀏覽器。但是這個方法IOS的系統不行,需要進行判斷了,判斷代碼如下:

function isDevice(){//判斷是android還是ios還是web
 
var ua = 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'");

此時微信會因爲頭部是下載處理,自動跳轉到瀏覽器中打開這個鏈接,主要就是讓服務端返回一個PDF下載就行了,這樣微信就會直接跳出到瀏覽器打開。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章