Question

我需要用户代理提供的操作系统名称，操作系统版本，浏览器名称，浏览器版本和设备。如何在angular 4的应用程序中使用用户代理解析器js。我尝试了ng2-device-detector@1.0.0，但确实返回了我的操作系统版本和设备。请帮助我

Answer 1

UAParser.js documentation是您最好的盟友。

您可以使用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"

Answer 2

要将其添加到 package.json：

npm install ua-parser-js

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

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

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

我在另一个 SO answer 中找到了缺失的导入。然后您可以使用 documentation 获取您要查找的任何信息。

如何在angular 4中使用ua-parser-js

2 个答案: