在 JavaScript 中,navigator
对象用于访问用户浏览器的信息。使用 navigator
对象,您可以获取浏览器版本和名称,并检查浏览器中是否启用了 Cookie。
navigator
对象是 window
对象的一个属性。可以通过只读属性 window.navigator
来访问 navigator
对象。
Navigator 对象属性
navigator
对象有许多属性可以用来访问用户浏览器的信息。
语法
在 JavaScript 中使用 navigator
对象的属性时,请遵循以下语法:
window.navigator.property;
或者
navigator.property;
您可以使用 window
对象来访问 navigator
对象。
以下列出了 Navigator
对象的所有属性:
属性 |
描述 |
appName |
返回浏览器的名称。 |
appVersion |
返回浏览器的版本。 |
appCodeName |
返回浏览器的代码名称。 |
cookieEnabled |
如果启用了 Cookie,则返回布尔值。 |
language |
返回浏览器的语言。仅 Firefox 和 Netscape 支持。 |
plugins |
返回浏览器插件。仅 Firefox 和 Netscape 支持。 |
mimeTypes[] |
返回一个 MIME 类型数组。仅 Firefox 和 Netscape 支持。 |
platform |
返回浏览器所使用的平台或操作系统。 |
online |
根据浏览器是否在线返回布尔值。 |
product |
返回浏览器引擎。 |
userAgent |
返回浏览器的用户代理头。 |
示例:访问 Navigator 对象属性
我们在下面的代码中使用了不同的属性来获取浏览器的信息。
appName
属性返回浏览器的名称,appCodeName
返回浏览器的代码名称,appVersion
返回浏览器的版本,而 cookieEnabled
属性则检查浏览器中是否启用了 Cookie。
<html>
<body>
<p> 浏览器信息 </p>
<p id="demo"> </p>
<script>
document.getElementById("demo").innerHTML =
"应用程序名称: " + navigator.appName + "<br>" +
"应用程序代码名称: " + navigator.appCodeName + "<br>" +
"应用程序版本: " + navigator.appVersion + "<br>" +
"Cookie 启用: " + navigator.cookieEnabled + "<br>" +
"语言: " + navigator.language + "<br>" +
"插件: " + navigator.plugins + "<br>" +
"mimeTypes[]: " + navigator.mimeTypes + "<br>" +
"平台: " + navigator.platform + "<br>" +
"在线状态: " + navigator.online + "<br>" +
"产品: " + navigator.product + "<br>" +
"用户代理: " + navigator.userAgent;
</script>
<p>请注意,根据您的浏览器,您可能会得到不同的结果。</p>
</body>
</html>
输出:
浏览器信息
应用程序名称: Netscape
应用程序代码名称: Mozilla
应用程序版本: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Cookie 启用: true
语言: en-US
插件: [object PluginArray]
mimeTypes[]: [object MimeTypeArray]
平台: Win32
在线状态: undefined
产品: Gecko
用户代理: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
请注意,根据您的浏览器,您可能会得到不同的结果。
示例
在下面的例子中,我们将 navigator
对象作为 window
对象的属性进行访问。然后我们访问了这个 navigator
对象的不同属性。
<html>
<body>
<p> 浏览器信息 </p>
<p id="demo"> </p>
<script>
document.getElementById("demo").innerHTML =
"应用程序名称: " + window.navigator.appName + "<br>" +
"应用程序代码名称: " + window.navigator.appCodeName + "<br>" +
"应用程序版本: " + window.navigator.appVersion + "<br>" +
"Cookie 启用: " + window.navigator.cookieEnabled + "<br>" +
"语言: " + window.navigator.language + "<br>" +
"插件: " + window.navigator.plugins + "<br>" +
"mimeTypes[]: " + window.navigator.mimeTypes + "<br>" +
"平台: " + window.navigator.platform + "<br>" +
"在线状态: " + window.navigator.online + "<br>" +
"产品: " + window.navigator.product + "<br>" +
"用户代理: " + window.navigator.userAgent;
</script>
<p>请注意,根据您的浏览器,您可能会得到不同的结果。</p>
</body>
</html>
输出:
浏览器信息
应用程序名称: Netscape
应用程序代码名称: Mozilla
应用程序版本: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Cookie 启用: true
语言: en-US
插件: [object PluginArray]
mimeTypes[]: [object MimeTypeArray]
平台: Win32
在线状态: undefined
产品: Gecko
用户代理: 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 在浏览器中已启用!";
} else {
output.innerHTML += "请启用 Java!";
}
</script>
<p>请注意,根据您的浏览器,您可能会得到不同的结果。</p>
</body>
</html>
输出:
请启用 Java!
请注意,根据您的浏览器,您可能会得到不同的结果。