【移动端】识别微信端和移动终端

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/NAMECZ/article/details/84230253

经常写移动端的同学应该都知道，因为iOS和Android系统的差异化，导致一些样式和功能在两种终端上会展示出不同的页面效果。

为了兼容以及对不同终端用户体验的提升，我们需要识别出不同的终端，并且定制出不同的方案。

在写微信端项目的时候，有时我们希望用户的操作环境始终在微信端里，这样的话，我们也需要对微信端进行识别

终端识别：

var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(isAndroid){
	console.log("android");
}else if(isiOS){
	console.log(ios);
}

微信端识别：

var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == 'micromessenger') {
    alert("微信");
} else {
	alert("非微信");
}