【JS】判断登录设备是移动端还是PC端

基于 navigator.userAgent 的 User Agent 检测

function isMobileDevice () {
  const ua = navigator.userAgent || navigator.vendor || window.opera;
  const mobileRegex = /android|iphone|ipad|ipod|blackberry|iemobile|opera mini|mobile|windows phone|phone|webos|kindle|tablet/i;
  return mobileRegex.test(ua.toLowerCase());
}

通过 navigator.userAgent 获取浏览器标识字符串‌。正则表达式匹配移动端关键词（如 android、iphone、mobile 等）‌。返回 true 表示移动端，false 表示 PC 端。

‌基于 navigator.userAgent 的插件方案‌

插件：mobile-detect.js

插件通过解析 navigator.userAgent 中的设备标识符（如 Android、iPhone、Windows 等）实现设备判断‌。 支持更细分的设备类型检测（如平板、手机、PC）‌。

import MobileDetect from 'mobile-detect';

const md = new MobileDetect(navigator.userAgent);

if (md.mobile()) {
  console.log("移动端登录设备（手机/平板）");
} else if (md.tablet()) {
  console.log("平板设备");
} else {
  console.log("PC 端设备");
}