javascript - 如何在 Angular 4 中使用 ua-parser-js

Question

我想要来自用户代理的操作系统名称、操作系统版本、浏览器名称、浏览器版本和设备。如何在 Angular 4 的应用程序中使用用户代理解析器 js。我尝试了 ng2-device-detector@1.0.0 但它没有返回我的操作系统版本和设备。请帮我

Answer 1

要将其添加到package.json：

npm install ua-parser-js

要在您的组件或服务中使用它，您需要导入它才能工作：

import { UAParser } from 'ua-parser-js'; 

let parser = new UAParser();
console.log(parser.getResult());

我在另一个 SO答案中发现了缺少的导入。然后，您可以使用文档来获取您正在寻找的任何信息。

Answer 2

UAParser.js文档是您最好的盟友。

您可以使用 UAParser.js 获取操作系统名称和版本、浏览器名称和其他信息，如下所示：

var parser = new UAParser();
// by default it takes ua string from current browser's window.navigator.userAgent
console.log(parser.getResult());
var result = parser.getResult();

console.log(result.browser);        // {name: "Chromium", version: "15.0.874.106"}
console.log(result.device);         // {model: undefined, type: undefined, vendor: undefined}
console.log(result.os);             // {name: "Ubuntu", version: "11.10"}
console.log(result.os.version);     // "11.10"
console.log(result.engine.name);    // "WebKit"
console.log(result.cpu.architecture);   // "amd64"