JS判断是否手机或pad访问实现方法

JS判断是否手机或pad访问实现方法：

1. 使用UA字符串进行判断

一般来说，移动设备的UA字符串中都会包含“Mobile”或“Tablet”等相关信息，通过判断UA中是否包含这些信息可以判断当前设备是否为移动设备，进而进行相应的访问适配。

下面是一个示例代码，可以通过正则表达式判断UA字符串中是否包含“Mobile”或“Tablet”：

function isMobileOrPad() {
  const userAgentInfo = navigator.userAgent;
  const agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
  let flag = false;
  for (let i = 0; i < agents.length; i++) {
      if (userAgentInfo.indexOf(agents[i]) > 0) {
        flag = true;
        break;
      }
  }
  return flag;
}

if (isMobileOrPad()) {
  // 若为移动设备，则进行相应的访问适配
} else {
  // 若为PC设备，则进行相应的访问适配
}

1. 使用屏幕宽度进行判断

除了通过UA字符串进行判断外，还可以通过屏幕宽度来判断当前设备是否为移动设备。一般来说，移动设备的屏幕宽度会远小于PC设备的屏幕宽度，因此可以通过判断当前屏幕宽度是否小于某个设定值来进行判断。

下面是一个示例代码，可以判断当前屏幕宽度是否小于等于768像素，若为移动设备则进行相应的访问适配：

function isMobileOrPad() {
  const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  if (screenWidth <= 768) {
    return true;
  } else {
    return false;
  }
}

if (isMobileOrPad()) {
  // 若为移动设备，则进行相应的访问适配
} else {
  // 若为PC设备，则进行相应的访问适配
}