1. 程式人生 > >【移動端】識別微信端和移動終端

【移動端】識別微信端和移動終端

經常寫移動端的同學應該都知道,因為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("非微信");
}