微信打开手机浏览器提示的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/