如何使用JavaScript来判断用户设备类型

通过JS来实现判断当前用户所使用的设备类型。

这里我们主要会使用到 navigator 对象，它是 JavaScript中的一个独对象，用于提供当前用户所使用的浏览器，操作系统等信息。相关信息数据会以 navigator对象属性的形式展现出来，目前市面上的所有主流浏览器都支持该对象的使用。而在 navigator对象中存在一个 userAgent属性，它会返回用户的设备操作系统，以及使用浏览器的信息。比较特殊的是，在APP应用不支持navigator对象的使用，所以我们可以通过判断是否存在 navigator对象来确定是不是APP使用环境。代码如下所示：

通过设备信息直接判断

function filesMobile(){// 市面上的主流使用环境return /Andriod|iphone|ipad|webOs|Windows Phone|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

通过浏览器宽度确定

if(window.screen.availWidth < 768){console.log("当前环境为移动端");
}else {console.log("当前环境为PC端");
}

判断IOS或者Andriod

let userMessage = navigator.userAgent;
let isAndroid = userMessage.indexOf('Andriod') > -1 || userMessage.indexOf('Adr') > -1; // 当前为Andriod环境
let isIOS = !!userMessage.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)); // 当前为IOS环境

区分Andriod，iphone，ipad

let userMessage = navigator.userAgent.toLowerCase();
if(/android|adr/gi.test(userMessage)){// 当前为Andriod环境
}else if (/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(userMessage)){// 当前为iphone环境
}else if(/iPad/gi.test(userMessage)){// 当前为iPad环境 
}

由于区分浏览器的代码过于繁琐，就放在下次了。
这里是万物之恋，我们下次再见！