Vue移动端各种机型判断

Vue判断是否为移动端/IOS/当前设备是否为手机

判断当前设备是否为移动端

  //判断当前设备是否为移动端
  isMobileDevice() {
    const ua = navigator.userAgent.toLowerCase();
    const t1 =
      /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini|mac/i.test(
        ua
      );
    const t2 =
      ua.indexOf("windows") < 0 &&
      ua.indexOf("iphone") < 0 &&
      navigator.maxTouchPoints > 1;
    return t1 || t2;
  },

判断当前设备是手机

  isMobilePhone() {
    const ua = navigator.userAgent.toLowerCase();
    const t1 = /android|webos|iphone|ipod|blackberry|iemobile|opera mini/i.test(
      ua
    );
    // const t2 = !ua.match("iphone") && navigator.maxTouchPoints > 1;
    return t1;
  },

判断移动端设备类型为iOS

 isIos() {
   var u = navigator.userAgent;
   var isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
   return isIos
 }

判断移动端设备类型为Android

 isAndroid() {
   var u = navigator.userAgent;
   var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1;
   return isAndroid
 }