判断访问设备，针对不同设备调用代码

月小满

于 2020-09-14 13:53:14 发布

阅读量322

点赞数

分类专栏：前端js

本文链接：https://blog.youkuaiyun.com/weixin_44110923/article/details/108577845

版权

前端js 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript来判断访问者设备类型的方法，通过检查User-Agent字符串，可以区分PC和移动设备，便于开发者进行响应式设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做网站时，有时需要用针对不同的访问设备做出不同处理。下面就是对pc及移动端判断的js方法：

    //判断访问设备，方便后面针对不同设备调用代码
    var dev = "";
    if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
        //设备为移动端
        dev = "mobile";
    }
    else {
        //设备为pc
        dev = "pc";
    }
    console.log("当前使用设备为：" + dev);