1. 程式人生 > >微信分享域名喚醒打開瀏覽器 直接打開手機瀏覽器分享鏈接

微信分享域名喚醒打開瀏覽器 直接打開手機瀏覽器分享鏈接

目前 微信跳轉 agent box 一個 title jump sos 彈窗

在我們做營銷活動或推廣宣傳的時候,容易遇到域名被封,無法跳轉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下載就行了,這樣微信就會直接跳出到瀏覽器打開。

微信分享域名喚醒打開瀏覽器 直接打開手機瀏覽器分享鏈接