在微信中點擊連接直接跳轉到手機默認瀏覽器代碼實現

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

 

 

 

 

 

1、遮罩提示：

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

代碼：

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; }

效果以下：

 

2、連接跳轉

安卓手機的話是經過點擊連接，直接跳轉出微信。自動打開手機默認的瀏覽器。可是這個方法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下載就好了，這樣微信就會直接跳出到瀏覽器打開。