你能提取部分用户代理并显示吗？

Question

我正在修改错误跟踪系统，我有用户输入字段 'Platform'、'OS' 和 'OS version'，我想要检测按钮，点击时使用不同的按钮'Navigator Object Properties'，这很好，适用于 'platform'，我使用了大部分（如果不是全部）对象属性来提取信息（见下文）-

<ul id="clickme">
    <li><a href="#/" id="element1" type="button" onclick="javascript:changeText(1)">Find for me</a></li>
</ul>


<div style="" id="hidden" hidden>
  <div id="demo"></div>
<script>
var txt = "";
txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt += "<p>Browser Name: " + navigator.appName + "</p>";
txt += "<p>Browser Version: " + navigator.appVersion + "</p>";
txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt += "<p>Browser Language: " + navigator.language + "</p>";
txt += "<p>Browser Online: " + navigator.onLine + "</p>";
txt += "<p>Platform: " + navigator.platform + "</p>";
txt += "<p>User-agent header: " + navigator.userAgent + "</p>";


document.getElementById("demo").innerHTML = txt;
</script>
</div>

您会注意到有一个按钮可以切换包含的显示。

问题是我无法提取 'OS' 和 'OS version' 的简单答案。

我在用户代理中看到了所需的信息，如果有人知道在每个用户 'user agent' 报告错误时提取该信息的方法，那将非常有帮助，这可能吗？

我的用户代理的一个例子是'User-agent header: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1 ) AppleWebKit/537.36（KHTML，如 Gecko）（//删除了浏览器部分）

我需要这个位 "(Macintosh; Intel Mac OS X 10_11_1)" 并且希望能够格式化。

谢谢！

Answer 1

有一个简洁的库可以帮助你做到这一点：https://github.com/faisalman/ua-parser-js

示例：

<script type="text/javascript" src="ua-parser.min.js"></script>
<script type="text/javascript">
    var parser = new UAParser();
    var os = parser.getOS();
    console.log(os.name, os.version);
</script>

你能提取部分用户代理并显示吗？

Can you extract part of the user agent and display it?

javascript

php

user-agent

computer-science