JavaScript - Navigator 对象
Window Navigator 对象
JavaScript 中的 navigator 对象用于访问用户浏览器的信息。使用"navigator"对象,您可以获取浏览器版本和名称,并检查浏览器中是否启用了 Cookie。
"navigator"对象是 window 对象的一个属性。可以使用只读的 window.navigator 属性访问导航器对象。
导航器对象属性
导航器对象有许多属性可用于访问用户浏览器的相关信息。
语法
请遵循以下语法,在 JavaScript 中访问导航器对象的属性。
window.navigator.proeprty; 或 navigator.property;
您可以使用"window"对象访问"navigator"对象。
这里,我们列出了 Navigator 对象的所有属性。
| 属性 | 描述 |
|---|---|
| appName | 它返回浏览器名称。 |
| appVersion | 它返回浏览器版本。 |
| appCodeName | 它返回浏览器代码名称。 |
| cookieEnabled | 它根据是否启用 cookie 返回一个布尔值。 cookie 已启用。 |
| language | 返回浏览器语言。仅 Firefox 和 Netscape 支持。 |
| plugins | 返回浏览器插件。仅 Firefox 和 Netscape 支持。 |
| mimeTypes[] | 返回一个 MIME 类型数组。仅 Firefox 和 Netscape 支持该属性。 |
| platform | 它提供浏览器使用的平台或操作系统。 |
| online | 根据浏览器是否在线返回布尔值。 |
| product | 它提供浏览器引擎。 |
| userAgent | 它提供浏览器的用户代理标头。 |
示例:访问导航器对象属性
我们在以下代码中使用了不同的属性来获取浏览器信息。
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>请注意,根据您的浏览器,您可能会得到不同的结果。 </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 请注意,根据您的浏览器,您可能会得到不同的结果。
示例
在下面的示例中,我们将导航器对象作为窗口对象的属性进行访问。然后,我们访问了此导航器对象的不同属性。
<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>请注意,根据您的浏览器,您可能会得到不同的结果。 </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 请注意,根据您的浏览器,您可能会得到不同的结果。
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! 请注意,根据您的浏览器,您可能会得到不同的结果。

