在我們做營銷活動或推廣宣傳的時候,容易遇到域名被封,無法跳轉app下載等情況。這時需要微信跳轉外部瀏覽器打開頁面的功能,對於微信默認可以通過:點擊右上角的三點,點擊“在瀏覽器中打開”。但是對於很多用戶而言並不知道這樣的實現,所以需要在代碼中進行相關操作。目前ios只能通過遮罩層來提示用戶,對於安卓可以直接跳轉外面默認瀏覽器,下面就分別介紹下這2種方式的實現代碼。
一、遮罩提示:
遮罩引導法,這種事最簡單的方法。
代碼:
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; }
效果如下:
二、鏈接跳轉
安卓手機的話是通過點擊鏈接,直接跳轉出微信。自動打開手機默認的瀏覽器。但是這個方法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下載就行了,這樣微信就會直接跳出到瀏覽器打開。