1、首先判斷pc端還是移動端。

function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}；

//判斷用戶是在安卓還是蘋果手機上打開設備

var u = navigator.userAgent;
if (u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1) {
console.log("設備安卓手機");
//安卓手機
} else if (u.indexOf(‘iPhone‘) > -1) {
console.log("設備為蘋果手機");
//蘋果手機
} else if (u.indexOf(‘Windows Phone‘) > -1) {
//winphone手機
console.log("3");
}

//判斷用戶是否在微信中打開頁面

function isWeiXin(){
var ua = navigator.userAgent.toLowerCase();
if(ua.indexOf(‘micromessenger‘) != -1) {
console.log("是在微信中打開的頁面");
return true;
} else {
console.log("不是在微信中打開的頁面");
return false;
}
}

//判斷用戶是在什麽設備中打開的頁面
var events = navigator.userAgent;
console.log(navigator.userAgent);
console.log(navigator.appVersion);
console.log(navigator);
if(events.indexOf(‘Android‘)>-1 || events.indexOf(‘Linux‘)>-1 || events.indexOf(‘Adr‘)>-1){
console.log("安卓手機");
}else if(events.indexOf(‘iPhone‘)>-1){
//根據尺寸進行判斷 蘋果的型號
if(screen.height == 812 && screen.width == 375){
console.log("蘋果X");
}else if(screen.height == 736 && screen.width == 414){
console.log("iPhone7P - iPhone8P - iPhone6");
}else if(screen.height == 667 && screen.width == 375){
console.log("iPhone7 - iPhone8 - iPhone6");
}else if(screen.height == 568 && screen.width == 320){
console.log("iPhone5");
}else{
console.log("iPhone4");
}
}else if(events.indexOf(‘Windows Phone‘)>-1){
console.log("諾基亞手機");

}else if(events.indexOf("iPad")>-1){
console.log("平板");
}

判斷用戶是在什麽設備打開的頁面