JavaScript 窗口导航器


目录

    显示目录


window.navigator 对象包含有关 访问者的浏览器。


窗口导航器

window.navigator 对象可以不带 window 前缀编写。

一些例子:

  • navigator.cookieEnabled

  • navigator.appCodeName

  • navigator.platform


浏览器 Cookie

如果启用了 cookie,则 cookieEnabled 属性返回 true,否则 错误的:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"cookiesEnabled is " + navigator.cookieEnabled;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The cookieEnabled property returns true if cookies are enabled:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.cookieEnabled is " + navigator.cookieEnabled;
</script>

</body>
</html>

浏览器应用程序名称

appName 属性返回应用程序名称 浏览器的:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The appName property returns the application name of the browser:</p>

<p id="demo"></p>

<p>Strange enough, "Netscape" is the application name for IE11, Chrome, Firefox, and Safari.</p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.appName is " + navigator.appName;
</script>

</body>
</html>

警告

该属性在最新的 Web 标准中已被删除(弃用)。

大多数浏览器(IE11、Chrome、Firefox、Safari)都会返回 Netscape 作为 appName。



浏览器应用程序代码名称

appCodeName 属性返回应用程序代码名称 浏览器的:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
 "navigator.appCodeName is " + navigator.appCodeName;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Navigator</h2>

<p>The appCodeName property returns the code name of the browser.</p>

<p>Do not rely on it! "Mozilla" is the application code name for Chrome, Firefox, IE, Safari, and Opera.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.appCodeName is " + navigator.appCodeName;
</script>

</body>
</html>

警告

该属性在最新的 Web 标准中已被删除(弃用)。

大多数浏览器(IE11、Chrome、Firefox、Safari、Opera)都会返回 Mozilla 作为 appCodeName。


浏览器引擎

product 属性返回 浏览器引擎的产品名称:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
 "navigator.product is " + navigator.product;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The product property returns the product name of the browser.</p>

<p>Do not rely on it! Most browsers returns "Gecko" as product name!</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>

</body>
</html>

警告

该属性在最新的 Web 标准中已被删除(弃用)。

大多数浏览器返回 Gecko 作为产品。


浏览器版本

appVersion 属性返回 有关浏览器的版本信息:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The appVersion property returns version information about the browser:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

</body>
</html>

浏览器代理

userAgent 属性返回浏览器发送到服务器的用户代理标头:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.userAgent;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The userAgent property returns the user-agent header sent by the browser to the server:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
navigator.userAgent;
</script>

</body>
</html>

警告

来自导航器对象的信息通常可能会产生误导。

导航器对象不应该用于检测浏览器版本,因为:

  • 不同浏览器可以使用相同的名称

  • 导航仪数据可以 由浏览器所有者更改

  • 一些浏览器错误地识别自己以绕过站点测试

  • 浏览器无法报告晚于浏览器发布的新操作系统


浏览器平台

platform 属性返回浏览器平台 (操作系统):

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The platform property returns the browser platform (operating system):</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 
"navigator.platform is " + navigator.platform;
</script>

</body>
</html>

浏览器语言

language 属性返回浏览器的语言:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The language property returns the browser's language:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.language is " + navigator.language;
</script>

</body>
</html>

浏览器在线吗?

如果浏览器在线,则 onLine 属性返回 true:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.onLine;
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The onLine property returns true if the browser is online:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.onLine is " + navigator.onLine;
</script>

</body>
</html>

是否启用了 Java?

如果启用了 Java,则 javaEnabled() 方法返回 true:

例子

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>

自己尝试一下 →

<!DOCTYPE html>
<html>
<body>

<h2>The Navigator Object</h2>

<p>The javaEnabled() method returns true if Java is enabled:</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"javaEnabled is " + navigator.javaEnabled();
</script>

</body>
</html>