使用JS判断访问设备是电脑还是手机

一、前言

有时在编写前端页面视图时，需要根据用户不同的访问设备（手机或电脑）对页面设置不同显示样式或跳转到不同的页面。可以使用JS代码获取Navigator对象的userAgent属性，通过对该属性值的分析就可以知道当前访问的设备是电脑还是手机。

一些常用设备访问时返回的userAgent属性如下：

访问设备	返回userAgent属性值
Win10电脑	Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36 Edg/91.0.864.37
iphone手机	Mozilla/5.0 (iPhone; CPU iPhone OS 14_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1 Mobile/15E148 Safari/604.1
华为安卓手机	Mozilla/5.0 (Linux; Android 9; PAR-AL00; HMSCore 5.3.0.312; GMSCore 19.6.29) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.93 HuaweiBrowser/11.1.1.300 Mobile Safari/537.36
ipad平板	Mozilla/5.0 (iPad; CPU OS 9_3_5 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13G36 Safari/601.1

我们发现手机或平板的userAgent属性值里都有“Mobile”字符串，通过判断userAgent属性值是否包含“Mobile”就可以确定访问设备是电脑还是手机。

二、JS代码

<script>function IsPhone() {//获取浏览器navigator对象的userAgent属性（浏览器用于HTTP请求的用户代理头的值）var info = navigator.userAgent;//通过正则表达式的test方法判断是否包含“Mobile”字符串var isPhone = /mobile/i.test(info);//如果包含“Mobile”（是手机设备）则返回truereturn isPhone;}
</script>

使用JS判断访问设备是电脑还是手机相关推荐

js判断当前设备是电脑还是手机
方法一: if ( window.screen.width>=768 ){ console.log('电脑') } else{ console.log('手机') } 方法二: var syst ...
PHP和js判断访问设备是否是微信浏览器实例
PHP和js判断访问设备是否是微信浏览器实例,代码非常精简,适合新手学习. js判断是否是微信浏览器: function is_weixin() { var ua = window.navigator ...
JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)
//平台.设备和操作系统var system ={win : false,mac : false,xll : false};//检测平台var p = navigator.platform;syste ...
php 判断当前手机类型_PHP 判断当前访问设备是电脑还是手机
PHP 判断当前访问设备是电脑还是手机 2020年07月28日 | 萬仟网IT编程 | 我要评论 function is_mobile(){ $regex_match="/(nokia|ip ...
js判断手机端还是电脑PC端(以及注意事项)
在router.index中声明方法,在导航守卫中调用并跳转要注意跳转的网址必须加上 http 或https 1: 不加是不会打开外网的连接,会在你服务内找localhost:XX/XX, 2:加上 ...
js判断是否为mac电脑还是windows操作系统
js判断是否为mac电脑还是windows操作系统 /** * 是否为mac系统(包含iphone手机) * */ var isMac = function() { return /macintosh ...
PHP和js判断访问终端是否是微信浏览器手机还是电脑
2019独角兽企业重金招聘Python工程师标准>>> js判断是否是微信浏览器 function is_weixin() { var ua = window.navigator.u ...
移动APP开发工作笔记002---Hbuilder js判断当前设备是安卓设备还是苹果设备
JAVA技术交流QQ群:170933152 js判断是否为手机系统是安卓还是苹果,是否为微信浏览器 var ua = navigator.userAgen ...
js判断当前设备及获取设备、浏览器的宽度和高度
在开发的时候,我们常常需要根据用户当前设备进行相应设置和显示,在此展示一个简单的方法判断(这个方法忘了是从哪里看来了的~),希望对你有帮助哦~ /*** 判断当前设备* @returns*/ func ...

使用JS判断访问设备是电脑还是手机

一、前言

二、JS代码

使用JS判断访问设备是电脑还是手机相关推荐

最新文章

热门文章