JavaScript - navigator 对象

窗口 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>

输出