如何用js判断设备类型？

userAgent是HTTP请求中的用户标识，是能够代表客户端类型的字符串，比如浏览器类型操作系统等信息。

console.log(navigator)
console.log(navigator.userAgent);

判断设备是PC端还是移动端: false PC端 | true 移动端

//判断设备是PC端还是移动端: false PC端 | true 移动端
const isMobile = () => {return !!navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|WebOS|Windows Phone|Phone)/i);
}

判断设备时安卓还是IOS

// 判断设备时安卓还是IOS
const isAndroid = () => {return /android/i.test(navigator.userAgent.toLowerCase());
};
const isIOS = () => {let reg = /iPhone|iPad|iOS|Macintosh/i;return reg.test(navigator.userAgent.toLowerCase());
};

判断浏览器类型及其版本

// 获取浏览器类型及其版本const getExplorerInfo = () => {let t = navigator.userAgent.toLowerCase();return 0 <= t.indexOf("mise")? {// IE<11type: "IE",version: Number(t.match(/mise ([\d]+)/)[1]),}: !!t.match(/trident\/.+?rv:(([\d.]+))/)? {// IE 11type: "IE",version: 11,}: 0 <= t.indexOf("edge")? {type: "Edge",version: Number(t.match(/edge\/([\d]+)/)[1]),}: 0 <= t.indexOf("firefox")? {type: "Firefox",version: Number(t.match(/firefox\/([\d]+)/)[1]),}: 0 <= t.indexOf("chrome")? {type: "Chrome",version: Number(t.match(/chrome\/([\d/]+)/)[1]),}: 0 <= t.indexOf("opera")? {type: "Safari",version: Number(t.match(/version\/([\d]+)/)[1]),}: {type: t,version: -1,};}

测试：打开控制台（检查自己的浏览器）

console.log(isMobile());//false电脑if (isMobile() == false) {alert("PC端");alert("浏览器类型：" + getExplorerInfo().type + "," + "版本号：" + getExplorerInfo().version)console.log("PC端", getExplorerInfo());//浏览器类型} else {alert("移动端")console.log("移动端");if (isAndroid() !== false) {alert("安卓")console.log("安卓");} else {console.log("不是安卓");}if (isIOS() !== false) {alert("IOS")console.log("IOS");} else {console.log("不是IOS");}}

如何用js判断设备类型？相关推荐

如何用JS判断两个数字的大小
在有一次用js写前端代码时,需求是输入的优惠价格不能超过原价,先在前端进行判断,却发现怎么也不进条件体. var price = values.price;var discountPrice = va ...
如何用JS判断身份证格式
准备用正则来判断身份证格式的,但正则比较复杂,不简洁明了.无意中同事介绍我用keyCode,用下来感觉特别舒服触发input在键盘按键被按下并释放事件,调用js的onlyInputCardNum() ...
html判断地址是否相等,如何用JS判断字符串是否相等
vascript中判断字符串是否相等,一般使用相等运算符"=="或者"==="进行比较判断. 1.使用"=="进行比较 "等同&q ...
关于网页js判断“客户端设备类型是移动端还是PC端“的解决方法？
文章目录网页中js如何判断设备类型是手机端还是pc端? 有时候会在项目中遇到设备类型判断的问题,这里和大家分享一个js判断设备类型的办法: userAgent 属性的值代码块网页中js如何判断设 ...
js判断手机是否是苹果
前端开发会遇到判断设备类型是否是苹果端,记录一下js代码 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > ...
JavaScript判断设备类型的实现
实现思路可以通过 JavaScript 来实现判断当前的设备类型:navigator 是 JavaScript 中的一个独立的对象,用于提供用户所使用的浏览器以及操作系统等信息,以 navigato ...
html判断是否在页面,js判断页面关闭
JavaScript判断某个页面是否已经关闭 var N=document.getElementById(your_submit_Id); var flag=0; N.attachEvent(&quo ...
超实用迷你js判断类库介绍
这个类库是干嘛的? 平时项目的开发难免遇到大量的逻辑判断,于是我将一些常用的判断封装成了一个js类库,judge.js是我用业余时间写的一个js判断类库,可以用来判断数据类型(isFunction,i ...
js 判断js,css是否引入，确保不重复引入
js 判断js,css是否引入,确保不重复引入 (2009-10-31 21:33:44) 转载▼ 标签: 杂谈分类: js 基本原理: function loadjscssfile(filenam ...

如何用js判断设备类型？

判断设备是PC端还是移动端: false PC端 | true 移动端

判断设备时安卓还是IOS

判断浏览器类型及其版本

测试：打开控制台（检查自己的浏览器）

如何用js判断设备类型？相关推荐

最新文章

热门文章