微信打开手机浏览器提示的2种实现方式

今天要说的是解决方法：

可以解决APP下载、打开淘宝、打开被微信屏蔽的网址等功能

1、弹出一个遮罩提示用户在新的浏览器窗口打开。

再也不用管微信如何的更新，直接判断微信的ua，然后弹出一个遮罩提示用户在浏览器中打开下载。并且不加关闭的按钮。类似于下面这样子：

​

1、判断微信的UA。

2、引入默认隐藏层。

3、添加CSS样式

4、点击按钮显示隐藏层，点击隐藏层关闭，

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

这样子用户就按照提示只能在浏览器中打开，并且可以直接下载应用了。

2、这种的话安卓手机的话是通过点击链接，直接跳转出微信。自动打开手机默认的浏览器，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/

转载于:https://www.cnblogs.com/wordlai/p/9765810.html