一、前言

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

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

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

二、JS代码

function IsPC(){

    //获取浏览器navigator对象的userAgent属性（浏览器用于HTTP请求的用户代理头的值）

    var info = navigator.userAgent;

    //通过正则表达式的test方法判断是否包含“Mobile”字符串

    var isPhone = /mobile/i.test(info);

    //如果包含“Mobile”（是手机设备）则返回true

    return isPhone

}

查看原文