小码哥的IT人生

JavaScript Window Navigator 对象

JavaScript基础 2022-04-25 01:52:09小码哥的IT人生shichen

JavaScript Window Navigator

window.navigator 对象包含有关访问者的信息。

Window Navigator

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

一些例子:

  1. navigator.appName
  2. navigator.appCodeName
  3. navigator.platform

浏览器 Cookie

cookieEnabled 属性返回 true,如果 cookie 已启用,否则返回 false:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>如果启用了 cookie,则 cookieEnabled 属性返回 true:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.cookieEnabled 是:" + navigator.cookieEnabled;
</script>
</body>
</html>

运行结果:

Navigator 对象

如果启用了 cookie,则 cookieEnabled 属性返回 true:

navigator.cookieEnabled 是:true

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

浏览器应用程序名称

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

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>appName 属性返回浏览器的应用程序名称:</p>
<p id="demo"></p>
<p>奇怪的是,“Netscape” 是 IE11、Chrome、Firefox 和 Safari 的应用程序名称。</p>
<script>
document.getElementById("demo").innerHTML = 
"navigator.appName 是:" + navigator.appName;
</script>
</body>
</html>

运行结果:

Navigator 对象

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

navigator.appName 是:Netscape

奇怪的是,“Netscape” 是 IE11、Chrome、Firefox 和 Safari 的应用程序名称。

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

很陌生吧,"Netscape" 是 IE11、Chrome、Firefox 以及 Safari 的应用程序名称的统称。

浏览器应用程序代码名称

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

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Navigator 对象</h1>
<p>appCodeName 属性返回浏览器的代码名称。</p>
<p>不要依赖它! “Mozilla” 是 Chrome、Firefox、IE、Safari 和 Opera 的应用程序代码名称。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
"navigator.appCodeName is " + navigator.appCodeName;
</script>
</body>
</html>

运行结果:

Javascript Navigator 对象

appCodeName 属性返回浏览器的代码名称。

不要依赖它! “Mozilla” 是 Chrome、Firefox、IE、Safari 和 Opera 的应用程序代码名称。

navigator.appCodeName is Mozilla

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

"Mozilla" 是 Chrome、Firefox、IE、Safari 以及 Opera 的应用程序代码名称。

浏览器引擎

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

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>product 属性返回浏览器的产品名称。</p>
<p>不要依赖它!大多数浏览器都将 “Gecko” 作为产品名称返回!</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.product 是:" + navigator.product;
</script>
</body>
</html>

运行结果:

Navigator 对象

product 属性返回浏览器的产品名称。

不要依赖它!大多数浏览器都将 “Gecko” 作为产品名称返回!

navigator.product 是:Gecko

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

浏览器版本

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

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>appVersion 属性返回有关浏览器的版本信息:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>
</body>
</html>

运行结果:

Navigator 对象

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

5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.41 Safari/537.36

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

浏览器代理

userAgent 属性返回由浏览器发送到服务器的用户代理报头(user-agent header):

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>userAgent 属性返回浏览器发送给服务器的用户代理标头:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
navigator.userAgent;
</script>
</body>
</html>

运行结果:

Navigator 对象

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

Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.41 Safari/537.36

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

警告!!!

来自 navigator 对象的信息通常是误导性的,不应该用于检测浏览器版本,因为:

  1. 不同浏览器能够使用相同名称
  2. 导航数据可被浏览器拥有者更改
  3. 某些浏览器会错误标识自身以绕过站点测试
  4. 浏览器无法报告发布晚于浏览器的新操作系统

浏览器平台

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

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>platform 属性返回浏览器平台(操作系统):</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
"navigator.platform 是:" + navigator.platform;
</script>
</body>
</html>

运行结果:

Navigator 对象

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

navigator.platform 是:Win32

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

浏览器语言

language 属性返回浏览器语言:

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>language 属性返回浏览器的语言:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.language 是:" + navigator.language;
</script>
</body>
</html>

运行结果:

Navigator 对象

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

navigator.language 是:zh-CN

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

浏览器是否在线?

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

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>如果浏览器在线,则 onLine 属性返回 true:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.onLine 是:" + navigator.onLine;
</script>
</body>
</html>

运行结果:

Navigator 对象

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

navigator.onLine 是:true

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

Java 是否启用?

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

示例代码:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>Navigator 对象</h1>
<p>如果启用了 Java,则 javaEnabled() 方法返回 true:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"javaEnabled 是:" + navigator.javaEnabled();
</script>
</body>
</html>

运行结果:

Navigator 对象

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

javaEnabled 是:false

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024