浏览器检测未显示我正在使用的浏览器答案

【问题标题】：Browser detection is not showing what browser I am using浏览器检测未显示我正在使用的浏览器
【发布时间】：2017-08-19 05:59:15
【问题描述】：

我试图让这个 javascript 代码简单地显示我用来显示网页的浏览器的名称。我正在使用 safari，但没有一个导航器显示我正在运行 safari。在我的浏览器上，它显示以下内容：

名称：网景代号：Mozilla 产品：壁虎版本：5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/602.4.8 (KHTML, like Gecko) 版本/10.0.3 Safari/602.4.8 平台：MacIntel 用户代理：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/602.4.8 (KHTML, like Gecko) Version/10.0.3 Safari/602.4.8

如何让脚本显示客户端正在使用的浏览器？我从其他帖子中读到 navigator.appName 实现了这一点，但它没有，因为 Netscape 不是浏览器的名称；就我而言，Safari 是。

function BrowserIdentity() {
	document.getElementById("browser-detection").innerHTML = "Name: " + navigator.appName + "<br>Code name: " + navigator.appCodeName +"<br>Product: " + navigator.product + "<br>Version: " + navigator.appVersion + "<br>Platform: " + navigator.platform + "<br>User agent: " + navigator.userAgent;
}

<h3>Navigator Details</h3>

<p>Click the button to display navigator details:</p>

<button onClick="BrowserIdentity()">Click Me</button>

<p id="browser-detection"></p>

【问题讨论】：

Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?的可能重复
navigator.appName: "此功能已从 Web 标准中删除。尽管某些浏览器可能仍支持它，但它正在被删除。避免使用它并更新现有代码如果可能的话；”
有趣的 cmets。是不是不能再实现浏览器检测了？
出于好奇，您为什么要执行浏览器检测？一个更强大的解决方案是执行功能检测并在浏览器不支持所需功能时优雅地降级您的应用程序。
这是我正在做的javascript课程的要求

标签： javascript html

【解决方案1】：

使用navigator.userAgent，然后解析返回值。

【讨论】：