如何使用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环境
}

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

如何使用JavaScript来判断用户设备类型相关推荐

JavaScript判断用户使用的浏览器
JavaScript判断用户使用的浏览器填坑之判断用户使用设备问题,上篇请看这里如何使用JavaScript来判断用户设备类型. 在这里,我们用到的还是 JavaScript 中的 navigato ...
php判断表单修改内容,JavaScript判断用户是否对表单进行了修改的方法_javascript技巧...
本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法.分享给大家供大家参考.具体分析如下: 这段JS代码可以判断出用户是否对表单内容进行了修改,如果修改了表单,并退出浏览器,则会提醒用 ...
PHP 必须勾选用户协议,javascript实现用户必须勾选协议实例讲解
在js中设置用户必须阅读完某项协议才能勾选登陆或注册 (disabled的使用技巧) 仔细观看两张图片画圈部分是不一样的当滚轮在上面时下面的表单是不可选中的第二张在底部表单是可选中的其中方法为 ...
编写两个过滤器，一个过滤器在 web 服务时，起用 UTF-8 编码，以处理 web 服务时的乱码问题。另一个过滤器用来判断用户是否登录，只有登录用户方可访问/view 子目录。
首先我们要实现两个过滤器其实很简单,我们需要准备好两个jsp一个是登录的jsp(我这里使用login.jsp),一个是登录成功的jsp(loginsuccess.jsp),一个servlet,两个过滤 ...
根据用户IP地址来判断用户所在城市
在项目开发中,经常会需要根据用户IP地址来判断用户所在地,这里提供一个函数和对应的资源文件简单实现该功能. 资源页地址 function GetIpLookup($ip = '') {$ip1num ...
用js来判断用户端浏览器（判断QQ浏览器、谷歌浏览器）方法
用js来判断用户端浏览器(判断QQ浏览器.谷歌浏览器)方法 function getBrowserInfo(){ var ua = navigator.userAgent.toLocaleLowerC ...
微信公众号中 JavaScript 获取用户周边的标志性建筑列表
微信公众号中 JavaScript 获取用户周边的标志性建筑列表太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致& ...
html判断 token,(html)前端如何验证token的合法性来判断用户是否登录？
问题: (html)前端如何验证token的合法性来判断用户是否登录? 描述: 1.我使用了JWT的方式,后端生成了一个token,将其返回给前端,前端获取到后每次请求接口都附带上这个token,后端 ...
用js来判断用户端浏览器方法
用js来判断用户端浏览器 function getBrowserInfo(){ var ua = navigator.userAgent.toLocaleLowerCase(); var browse ...

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

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

通过设备信息直接判断

通过浏览器宽度确定

判断IOS或者Andriod

区分Andriod，iphone，ipad

如何使用JavaScript来判断用户设备类型相关推荐

最新文章

热门文章