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

案例地址：http://www.wy42.cn/p/1036019.html

或者有需要的朋友加QQ：629359960

一、遮罩提示：

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

代碼：

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;

}

效果如下：

二、鏈接跳轉(zhuǎn)

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

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'");

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