JS 判断设备是pc端or移动端

最新推荐文章于 2025-03-20 20:50:19 发布

足各路

最新推荐文章于 2025-03-20 20:50:19 发布

阅读量2.8k

点赞数 2

分类专栏：前端 JavaScript 文章标签：手机端 PC端

本文链接：https://blog.youkuaiyun.com/weixin_44388523/article/details/102951238

版权

前端同时被 2 个专栏收录

45 篇文章

订阅专栏

JavaScript

21 篇文章

订阅专栏

开发过程中，遇到这样一个需求，需要判断用户使用的设备是移动端还是手机端，相对应的跳转不同地址。

以下三种方式均可以判断。

1.判断pc端

function IsPC() {
  var userAgentInfo = navigator.userAgent;
  var Agents = ["Android", "iPhone",
     "SymbianOS", "Windows Phone",
     "iPad", "iPod"];
  var flag = true;
  for (var v = 0; v < Agents.length; v++) {
     if (userAgentInfo.indexOf(Agents[v]) > 0) {
        flag = false;
        break;
     }
  }
  return flag;
}
IsPC()  // pc端，返回 true  手机端，返回false

2.判断手机端

if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) { //移动端
    //TODO something
}

3.同时判断

var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
if (is_mobi) {
    window.location.href = "手机端";
}else{
    window.location.href = "PC端";
}