js检测移动设备的代码段

2021-07-21
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  console.log('移动设备');
}
else {
 console.log('非移动设备');
}

现代web应用讲究跨平台，其实通过用户代理检测移动和PC并不严谨，设备类型会越来越多，尺寸千奇百怪。

更好的检测方式是根据屏幕尺寸，使用媒体查询方式，适配各种设备。

// 移动设备
@media only screen and (max-width: 760px) {
  #element { display: none; }
}

（版权归cpury.com所有，转载请注明出处。）

WEB开发