一篇文章带你了解JavaScript window navigator(上篇)

2023年 7月 24日 52.3k 0

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

一、Window Navigator

window.navigator 对象可以不用窗口window前缀编写( navigator.XXXX)。

二、属性

1. 浏览器 Cookies

cookieEnabled 属性如果启用Cookie,则属性返回true,否则为false。





项目




Navigator 对象


cookieEnabled属性返回true 如果cookies 是 enabled:

document.getElementById("demo").innerHTML = "navigator.cookieEnabled is " + navigator.cookieEnabled;

2. 浏览器应用程序名称

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


document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;

注:

"Netscape" 是 IE11, Chrome, Firefox和Safari的应用程序名称。

3. 项目浏览器应用程序代码名称

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


  document.getElementById("demo").innerHTML =
  "navigator.appCodeName is " + navigator.appCodeName;

"Mozilla" 是Chrome, Firefox, IE, Safari和Opera应用程序代码名称 。

4. 浏览器引擎

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


  document.getElementById("demo").innerHTML =
  "navigator.product is " + navigator.product;

5. 浏览器版本

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


 document.getElementById("demo").innerHTML = navigator.appVersion;

三、总结

本文基于JavaScript基础,介绍了浏览器Cookies、浏览器应用程序名称、项目浏览器应用程序代码名称、浏览器引擎、浏览器版本等属性,针对这些属性,都做了详细的讲解。通过用丰富的案例帮助大家更好理解。

希望大家可以根据文章的内容,积极尝试,有时候看到别人实现起来很简单,但是到自己动手实现的时候,总会有各种各样的问题,切勿眼高手低,勤动手,才可以理解的更加深刻。

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论