微信打開手機瀏覽器提示的2種實現方式

今天要說的是解決方法：

能夠解決APP下載、打開淘寶、打開被微信屏蔽的網址等功能

一、彈出一個遮罩提示用戶在新的瀏覽器窗口打開。

不再用管微信如何的更新，直接判斷微信的ua，而後彈出一個遮罩提示用戶在瀏覽器中打開下載。而且不加關閉的按鈕。相似於下面這樣子：

​

一、判斷微信的UA。

二、引入默認隱藏層。

三、添加CSS樣式

四、點擊按鈕顯示隱藏層，點擊隱藏層關閉，

function weixinTip(ele){
	var ua = navigator.userAgent;
	var isWeixin = !!/MicroMessenger/i.test(ua);
	if(isWeixin){
		ele.onclick=function(e){
			window.event? window.event.returnValue = false : e.preventDefault();
			document.getElementById('JweixinTip').style.display='block';
		}
		document.getElementById('JweixinTip').onclick=function(){
			this.style.display='none';
		}
	}
}
var btn1 = document.getElementById('JdownApp');//地址
weixinTip(btn1);
var btn2 = document.getElementById('JdownApp2'); //地址
weixinTip(btn2);

這樣子用戶就按照提示只能在瀏覽器中打開，而且能夠直接下載應用了。

二、這種的話安卓手機的話是經過點擊連接，直接跳轉出微信。自動打開手機默認的瀏覽器，IOS的話目前還不行，能夠寫個適配。遮罩提示瀏覽器打開 參考方法1.

​

技術原理；

利用HTTP請求中Header中的user-agent字段，來識別用戶的客戶端，若是判斷用戶是在微信中打開的連接，則自動打開系統手機瀏覽器來打開連接。若是是在手機瀏覽器打開，則正常訪問。

判斷用戶客戶端的Javasript代碼以下：

function is_wechat_client(){
      var ua = navigator.userAgent.toLowerCase();
      if(ua.match(/MicroMessenger/i)=="micromessenger"){
          return true;
      }else{
          return false;
      }
}

 

有須要定製的朋友能夠前往：http://www.7teng.cn/