print userAgent

package.json

@@ -19,12 +19,14 @@
     "lodash-es": "^4.17.21",
     "moment": "^2.29.1",
     "tailwindcss": "^2.1.2",
+    "ua-parser-js": "^0.7.28",
     "vue": "^3.0.11",
     "vue-router": "4.0.6"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.4",
     "@types/node": "^15.0.3",
+    "@types/ua-parser-js": "^0.7.36",
     "@vitejs/plugin-vue": "^1.2.2",
     "@vue/compiler-sfc": "^3.0.11",
     "autoprefixer": "^10.2.5",

src/main.ts

@@ -1,3 +1,4 @@
+import "@/utils/ua.ts";
 import "./styles/global.css";
 import { createApp } from "vue";
 import App from "./App.vue";

src/utils/ua.ts

@@ -0,0 +1,15 @@
+import UAParser from "ua-parser-js";
+
+const ua = new UAParser();
+
+export function printUA() {
+  console.log(
+    `浏览器名称：${ua.getBrowser().name}   浏览器版本：${
+      ua.getBrowser().version
+    }`
+  );
+
+  console.log(ua.getEngine(), ua.getDevice(), ua.getCPU(), ua.getOS());
+}
+
+printUA();

yarn.lock

@@ -117,6 +117,11 @@
   resolved "https://registry.nlark.com/@types/node/download/@types/node-15.0.3.tgz#ee09fcaac513576474c327da5818d421b98db88a"
   integrity sha1-7gn8qsUTV2R0wyfaWBjUIbmNuIo=
 
+"@types/ua-parser-js@^0.7.36":
+  version "0.7.36"
+  resolved "https://registry.nlark.com/@types/ua-parser-js/download/@types/ua-parser-js-0.7.36.tgz#9bd0b47f26b5a3151be21ba4ce9f5fa457c5f190"
+  integrity sha1-m9C0fya1oxUb4hukzp9fpFfF8ZA=
+
 "@vitejs/plugin-vue@^1.2.2":
   version "1.2.2"
   resolved "https://registry.nlark.com/@vitejs/plugin-vue/download/@vitejs/plugin-vue-1.2.2.tgz#b0038fc11b9099f4cd01fcbf0ee419adda417b52"
@@ -1388,6 +1393,11 @@ typescript@^4.2.4:
   resolved "https://registry.nlark.com/typescript/download/typescript-4.2.4.tgz#8610b59747de028fda898a8aef0e103f156d0961"
   integrity sha1-hhC1l0feAo/aiYqK7w4QPxVtCWE=
 
+ua-parser-js@^0.7.28:
+  version "0.7.28"
+  resolved "https://registry.npm.taobao.org/ua-parser-js/download/ua-parser-js-0.7.28.tgz?cache=0&sync_timestamp=1618067379345&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fua-parser-js%2Fdownload%2Fua-parser-js-0.7.28.tgz#8ba04e653f35ce210239c64661685bf9121dec31"
+  integrity sha1-i6BOZT81ziECOcZGYWhb+RId7DE=
+
 universalify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/universalify/download/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"