js 怎么用useragent判断为手机

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 怎么用useragent判断为手机相关的知识,希望对你有一定的参考价值。

手机的浏览器的userAgent基本上都含有Mobile字符串,一般可以通过该字符串判断是否为手机,如
navigator.userAgent.indexOf(\'Mobile\') > 0
参考技术A //当前客户端是否为手机
function isMobile()
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
isandroid = ua.match(/(Android)\s+([\d.]+)/),
isMobile = isIphone || isAndroid;
if(isMobile)
return true;
else
return false;

使用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”(是手机设备)则返回true
        return isPhone;
    }
</script>

 

以上是关于js 怎么用useragent判断为手机的主要内容,如果未能解决你的问题,请参考以下文章

js判断是否是ie浏览器且给出ie版本

前端js 怎么判断用户是不是安装了某APP,安装了不直接打开这个应用而是进行其他操作

如何用js判断是用电脑访问还是用手机访问网站

原生JS判断手机系统

JavaWeb:后台判断是手机登陆还是Pc登陆

js判断浏览器类型怎么写