如何在 JavaScript 中获取浏览器的代码名称和产品名称?
front end technologyjavascriptobject oriented programming
当用户使用 JavaScript 访问 Web 应用程序时，"navigator"对象包含有关他们当前正在使用的浏览器的详细信息。您可能知道，每个浏览器在解释 JavaScript 方面都以不同的方式运行。在这种情况下，navigator 对象支持 根据用户的浏览器首选项修改您的应用程序。
可以通过访问 navigator 对象的"navigator.product"属性在 JavaScript 中查看浏览器引擎或产品名称。在任何浏览器中，"Gecko"始终是 Navigator.product 属性的值。仅出于兼容性考虑，才可保持此特性。
语法
navigator.product 属性的 JavaScript 语法
/regexp/g
Navigator 对象 navigator.product 属性
示例 1
在此示例中，让我们了解 navigator navigator.product 属性如何允许 JavaScript 识别浏览器的名称。在访问"navigator.product"属性时，出于兼容性考虑，较新的浏览器会将"Gecko"显示为产品名称。
<!DOCTYPE html> <html> <title>How to get the code name and product name of the browser in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="result"></div> <script> let productName = navigator.product; document.getElementById("result").innerHTML ="The output of Browser product is: " + productName; </script> </body> </html>
Navigator 对象 appCodename 属性
JavaScript navigator 对象的"appCodename"字段指示浏览器的身份。在每个浏览器中，"Mozilla"都是 Navigator.appCodeName 字段的输出。保留此属性的唯一原因是为了兼容性。以下示例中的"browserCodeName"变量将用于保存"navigator.appCodeName"属性返回的浏览器代码名称 −
语法
navigator.appCodename 属性的 JavaScript 语法。
navigator.appCodename
示例 2
在此示例中，让我们了解 navigator navigator.appCodename 属性如何允许 JavaScript 识别浏览器代码名称。
<!DOCTYPE html> <html> <title>How to get the code name and product name of the browser in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="result"></div> <script> let codeName = navigator.appCodeName; document.getElementById("result").innerHTML ="The output of Browser Code Name is: " + codeName; </script> </body> </html>
