javascript判断设备及浏览器环境

最新推荐文章于 2024-07-22 08:55:10 发布

彦青i

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量163

点赞数

文章标签： javascript android 开发语言

本文链接：https://blog.csdn.net/qq_41200374/article/details/129734453

版权

// 这里的判断类型是自己整理的,覆盖面只涵盖我工作领域的
// 可以按需追加
/**
 *
 * @param {*} UA ,就是userAgent
 * @returns  type: 设备类型
 *          env: 访问环境(微信/微博/qq)
 *          masklayer: 就是给外部拿到判断是否显示遮罩层的,一些特殊环境要引导用户到外部去打开访问
 */

function isWechat(UA) {
  return /MicroMessenger/i.test(UA) ? true : false;
}
function isWeibo(UA) {
  return /Weibo/i.test(UA) ? true : false;
}
function isQQ(UA) {
  return /QQ/i.test(UA) ? true : false;
}
function isMoible(UA) {
  return /(Android|webOS|iPhone|iPod|tablet|BlackBerry|Mobile)/i.test(UA)
    ? true
    : false;
}
function isIOS(UA) {
  return /iPhone|iPad|iPod/i.test(UA) ? true : false;
}
function isAndroid(UA) {
  return /Android/i.test(UA) ? true : false;
}

export function deviceType(UA) {
  console.log(UA);
  if (isMoible(UA)) {
    if (isIOS(UA)) {
      if (isWechat(UA)) {
        return {
          type: "ios",
          env: "wechat",
          masklayer: true,
        };
      }
      if (isWeibo(UA)) {
        return {
          type: "ios",
          env: "weibo",
          masklayer: true,
        };
      }
      if (isQQ(UA)) {
        return {
          type: "ios",
          env: "qq",
          masklayer: true,
        };
      }
      return {
        type: "ios",
      };
    }
    if (isAndroid(UA)) {
      if (isWechat(UA)) {
        return {
          type: "android",
          env: "wechat",
          masklayer: true,
        };
      }

      if (isWeibo(UA)) {
        return {
          type: "android",
          env: "weibo",
          masklayer: true,
        };
      }
      if (isQQ(UA)) {
        return {
          type: "android",
          env: "qq",
          masklayer: true,
        };
      }
      return {
        type: "android",
      };
    }
    return {
      type: "mobile",
    };
  } else {
    return {
      type: "pc",
    };
  }
}