Javascript 简明教程
JavaScript - Navigator Object
Window Navigator Object
navigator 对象在 JavaScript 中用于访问用户浏览器的信息。使用 'navigator' 对象，你可以获取浏览器的版本和名称，并检查浏览器中是否启用了 Cookie。
The navigator object in JavaScript is used to access the information of the user’s browser. Using the 'navigator' object, you can get the browser version and name and check whether the cookie is enabled in the browser.
'navigator' 对象是 Window 对象的一个属性。可以使用只读属性 window.navigator 访问导航器对象。
The 'navigator' object is a property of the window object. The navigator object can be accessed using the read-only window.navigator property.
Navigator Object Properties
Navigator 对象有很多属性，可用于访问有关用户浏览器的信息。
There are many properties of navigator object that can be used to access the information about the user’s browser.
Syntax
按照以下语法访问 JavaScript 中 Navigator 对象的属性。
Follow the syntax below to use to access a property of navigator object in JavaScript.
window.navigator.proeprty;
OR
navigator.property;你可以使用 'window' 对象访问 'navigator' 对象。
You may use the 'window' object to access the 'navigator' object.
在此，我们列出了 Navigator 对象的所有属性。
Here, we have listed all properties of the Navigator object.
Property |
Description |
appName |
It gives you a browser name. |
appVersion |
It gives you the browser version. |
appCodeName |
It gives you the browser code name. |
cookieEnabled |
It returns a boolean value based on whether the cookie is enabled. |
language |
It returns the browser language. It is supported by Firefox and Netscape only. |
plugins |
It returns the browser plugins. It is supported by Firefox and Netscape only. |
mimeTypes[] |
It gives you an array of Mime types. It is supported by Firefox and Netscape only. |
platform |
It gives you a platform or operating system in which the browser is used. |
online |
Returns a boolean value based on whether the browser is online. |
product |
It gives you a browser engine. |
userAgent |
It gives you a user-agent header of the browser. |
Example: Accessing Navigator Object Properties
我们使用下面的代码中的不同属性来获取浏览器信息。
We used the different properties in the below code to get the browser information.
appName 属性返回浏览器的名称，appCodeName 返回浏览器的代码名称，appVersion 返回浏览器的版本，cookieEnabled 属性检查浏览器中是否启用了 Cookie。
The appName property returns the browser’s name, appCodeName returns the code name of the browser, appVersion returns the browser’s version, and the cookieEnabled property checks whether the cookies are enabled in the browser.
<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 对象的不同属性。
In the example below, we accessed the navigator object as a property of the window object. Then we accessed different properties of this navigator object.
<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 对象只包含一个方法。
The Navigator object contains only one method.
Method |
Description |
javaEnabled() |
It checks whether the Java is enabled in the web browser. |
Example: Navigator javaEnabled() Method
在下面的代码中，我们使用 navigator 对象的 javaEnabled() 方法来检查浏览器中是否启用了 Java。
In the below code, we used the javaEnabled() method of the navigator object to check whether the java is enabled in the browser.
<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.