# 设备类型判断-移动端/PC 端

# 快速导航

# 移动端/pc 端判断

应用场景:根据屏幕的机型尺寸,页面响应式变化,布局,以及控制某些节点操作,在JS中进行控制

点击即可查看核心代码
const isMobile = function() {
  let mobile = navigator.userAgent.match(
    /(phone|pad|pod|iPhone|iPod|ios|IEMobile|Opera Mini|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
  );
  return mobile != null;
};

const isPhone = isMobile();
if (isPhone) {
  // 手机端
} else {
  // PC
}
1
2
3
4
5
6
7
8
9
10
11
12
13

当然你也可以这样

点击即可查看核心代码
const isMobile = /(phone|pad|pod|iPhone|iPod|ios|IEMobile|Opera Mini|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(
  navigator.userAgent
)
  ? true
  : false; // true代表是移动端,false代表pc端
if (isMobile) {
  // 手机端
} else {
  // PC端
}
1
2
3
4
5
6
7
8
9
10

关注公众号

一个走心,有温度的号,同千万同行一起交流学习

加作者微信

扫二维码 备注 【加群】

扫码易购

福利推荐