Javascript 简明教程
JavaScript - Navigator Object
Window Navigator Object
navigator 对象在 JavaScript 中用于访问用户浏览器的信息。使用 'navigator' 对象,你可以获取浏览器的版本和名称,并检查浏览器中是否启用了 Cookie。
'navigator' 对象是 Window 对象的一个属性。可以使用只读属性 window.navigator 访问导航器对象。
Navigator Object Properties
Navigator 对象有很多属性,可用于访问有关用户浏览器的信息。
Syntax
按照以下语法访问 JavaScript 中 Navigator 对象的属性。
window.navigator.proeprty;
OR
navigator.property;
你可以使用 'window' 对象访问 'navigator' 对象。
在此,我们列出了 Navigator 对象的所有属性。
Property |
Description |
appName |
它提供了浏览器名称。 |
appVersion |
它提供了浏览器版本。 |
appCodeName |
它提供了浏览器代码名称。 |
cookieEnabled |
它根据启用 Cookie 与否返回布尔值。 |
language |
它返回浏览器语言。仅 Firefox 和 Netscape 支持此功能。 |
plugins |
它返回浏览器插件。仅 Firefox 和 Netscape 支持此功能。 |
mimeTypes[] |
它提供了 MIME 类型数组。仅 Firefox 和 Netscape 支持此功能。 |
platform |
它提供了用于浏览器的平台或操作系统。 |
online |
根据浏览器是否联机返回布尔值。 |
product |
它提供了浏览器引擎。 |
userAgent |
它提供了浏览器的用户代理头。 |
Example: Accessing Navigator Object Properties
我们使用下面的代码中的不同属性来获取浏览器信息。
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.
Example
在下面的示例中,我们以 window 对象的属性形式访问了 navigator 对象。然后我们访问了这个 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 Object Methods
Navigator 对象只包含一个方法。
Method |
Description |
javaEnabled() |
它检查 Web 浏览器中是否启用了 Java。 |
Example: Navigator javaEnabled() Method
在下面的代码中,我们使用 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>Please note you may get different result depending on your browser. </p>
</body>
</html>
Please, enable the Java!
Please note you may get different result depending on your browser.