【移動端】識別微信端和移動終端
阿新 • • 發佈:2018-12-03
經常寫移動端的同學應該都知道,因為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("非微信");
}