检查设备类型和手机品牌

玄晓乌屋

已于 2022-07-05 18:00:33 修改

阅读量338

点赞数

分类专栏：笔记文章标签： javascript

于 2020-03-26 10:21:27 首次发布

本文链接：https://blog.csdn.net/qq_42881675/article/details/103988620

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

可有使用 ua-check 判断设备类型。

安装

npm install --save ua-check

使用

import { uaCheck } from "ua-check";

const ua = uaCheck();

if (ua.isTablet) {
  console.log("平板设备");
}

if (ua.isAndroid) {
  console.log("安卓设备");
}

if (ua.isFireFox) {
  console.log("火狐浏览器");
}

if (ua.isWeChatBrowser) {
  console.log("微信内置浏览器");
}

ua-check 库内置大量判断，可以识别各种常见设备和浏览器，还有部分手机品牌。

cdn 方式调用

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>test</title>
    <script
      src="https://cdn.jsdelivr.net/npm/ua-check@1.0.4/lib/index.umd.js"
      integrity="sha256-8ert9pD4Z5zS6+rOUi4yWEIIMINIsOYqsyKvJxtIz6o="
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <script>
      const os = window.UACheck.uaCheck();
      console.log(os);
    </script>
  </body>
</html>