JavaScript - Navigator 对象
Window Navigator 对象
JavaScript 中的 navigator 对象用于访问用户浏览器的信息。使用 navigator 对象，你可以获取浏览器版本和名称，并检查浏览器中是否启用了 cookie。
navigator 对象是 window 对象的一个属性。通过只读的 window.navigator 属性可以访问 navigator 对象。
Navigator 对象属性
navigator 对象有许多属性，可以用来访问用户浏览器相关的信息。
语法
按照下面的语法在 JavaScript 中访问 navigator 对象的属性。
window.navigator.proeprty; OR navigator.property;
你可以使用 'window' 对象来访问 'navigator' 对象。
这里，我们列出了 Navigator 对象的所有属性。
| 属性 | 描述 |
|---|---|
| appName | 返回浏览器名称。 |
| appVersion | 返回浏览器版本。 |
| appCodeName | 返回浏览器的代码名称。 |
| cookieEnabled | 根据 cookie 是否启用返回布尔值。 |
| language | 返回浏览器语言。只受 Firefox 和 Netscape 支持。 |
| plugins | 返回浏览器插件。只受 Firefox 和 Netscape 支持。 |
| mimeTypes[] | 返回 Mime 类型数组。只受 Firefox 和 Netscape 支持。 |
| platform | 返回浏览器所使用的平台或操作系统。 |
| online | 根据浏览器是否在线返回布尔值。 |
| product | 返回浏览器引擎。 |
| userAgent | 返回浏览器的 user-agent 头部。 |
示例：访问 Navigator 对象属性
我们在下面的代码中使用不同的属性来获取浏览器信息。
appName 属性返回浏览器的名称，appCodeName 返回浏览器的代码名称，appVersion 返回浏览器的版本，cookieEnabled 属性检查浏览器中 cookie 是否启用。
<html>
<body>
<p> Browser Information</p>
<p id = "demo"> </p>
<script>
document.getElementById("demo").innerHTML =
"App Name: " + navigator.appName + "<br>" +
"App Code Name: " + navigator.appCodeName + "<br>" +
"App Version: " + navigator.appVersion + "<br>" +
"Cookie Enabled: " + navigator.cookieEnabled + "<br>" +
"Language: " + navigator.language + "<br>" +
"Plugins: " + navigator.plugins + "<br>" +
"mimeTypes[]: " + navigator.mimeTypes + "<br>" +
"platform: " + navigator.platform + "<br>" +
"online: " + navigator.online + "<br>" +
"product: " + navigator.product + "<br>" +
"userAgent: " + navigator.userAgent;
</script>
<p>Please note you may get different result depending on your browser. </p>
</body>
</html>
输出
Browser Information App Name: Netscape App Code Name: Mozilla App Version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36 Cookie Enabled: true Language: en-US Plugins: [object PluginArray] mimeTypes[]: [object MimeTypeArray] platform: Win32 online: undefined product: Gecko userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36 Please note you may get different result depending on your browser.
示例
在下面的示例中，我们将 navigator 对象作为 window 对象的属性来访问。然后访问这个 navigator 对象不同的属性。
<html>
<body>
<p> Browser Information</p>
<p id = "demo"> </p>
<script>
document.getElementById("demo").innerHTML =
"App Name: " + window.navigator.appName + "<br>" +
"App Code Name: " + window.navigator.appCodeName + "<br>" +
"App Version: " + window.navigator.appVersion + "<br>" +
"Cookie Enabled: " + window.navigator.cookieEnabled + "<br>" +
"Language: " + window.navigator.language + "<br>" +
"Plugins: " + window.navigator.plugins + "<br>" +
"mimeTypes[]: " + window.navigator.mimeTypes + "<br>" +
"platform: " + window.navigator.platform + "<br>" +
"online: " + window.navigator.online + "<br>" +
"product: " + window.navigator.product + "<br>" +
"userAgent: " + window.navigator.userAgent;
</script>
<p>Please note you may get different result depending on your browser. </p>
</body>
</html>
输出
Browser Information App Name: Netscape App Code Name: Mozilla App Version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36 Cookie Enabled: true Language: en-US Plugins: [object PluginArray] mimeTypes[]: [object MimeTypeArray] platform: Win32 online: undefined product: Gecko userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36 Please note you may get different result depending on your browser.
JavaScript Navigator 对象方法
Navigator 对象只包含一个方法。
| 方法 | 描述 |
|---|---|
| javaEnabled() | 它检查 web 浏览器中是否启用了 Java。 |
示例：Navigator javaEnabled() 方法
在下面的代码中，我们使用了 navigator 对象的 javaEnabled() 方法来检查浏览器中是否启用了 Java。
<html>
<body>
<p id = "output"> </p>
<script>
const output = document.getElementById("output");
if (navigator.javaEnabled()) {
output.innerHTML += "Java is enabled in the browser!";
} else {
output.innerHTML += "Please, enable the Java!";
}
</script>
<p>请注意，您可能会根据浏览器得到不同的结果。 </p>
</body>
</html>
输出
Please, enable the Java! 请注意，您可能会根据浏览器得到不同的结果。