浏览器中的JavaScript核心BOM（浏览器对象模型）对象Navigator和Screen的简单了解
浏览器中的JavaScript核心BOM（浏览器对象模型）对象Navigator和Screen的简单了解
浏览器中内置对象Navigator和对象Screen的简单了解
- 引言
- 正文
- 一、Navigator对象
- 二、Screen对象
- 结束语
引言
想必大家很奇怪，为什么本文是简单了解。其实BOM虽然提供了很多对象供我们去使用，但是有些对象其实是不那么重要的，例如本文要将的两个对象——Navigator和Screen。所以大家只需要看一看，了解一下有这样的属性和用法就可以啦
- 公众号：前端印象
- 不定时有送书活动，记得关注~
- 关注后回复对应文字领取：【面试题】、【前端必看电子书】、【数据结构与算法完整代码】、【前端技术交流群】
正文
一、Navigator对象
Navigator对象主要是用来帮助我们获取浏览器的一些信息的，例如浏览器的名称 、浏览器编译版本 、浏览器的语言 、浏览器使用的插件信息…… 并且该对象被所有支持javascript语言的浏览器支持，每个浏览器中的navigator对象都有一套自己的属性，所以我们就来列举一些大多数浏览器都通用的Navigator对象的属性吧
属性 | 描述 |
|---|---|
appName | 完整的浏览器名称 |
appVersion | 浏览器的版本 |
userAgent | 浏览器的用户代理字符串 |
platform | 浏览器所在的系统平台 |
cookieEnabled | 表示cookie是否被启用 |
plugins | 浏览器中所安装的插件信息数组 |
这里我就直接放上图给大家看，大家也可以自己用浏览器去进行尝试
二、Screen对象
该对象可以获取浏览器窗口外部显示器的信息，例如像素宽度和高度之类的。那因为每个浏览器的Screen对象都有他们各自支持和不支持的属性，那我在这里就列举所有浏览器的支持的属性给大家，如果有想深入研究的可以去搜索更多的属性，以及他们的版本支持
属性 | 描述 |
|---|---|
availHeight | 屏幕的像素高度减系统部件的高度之后的值（只读） |
availWidth | 屏幕的像素宽度减系统部件的宽度之后的值（只读） |
colorDepth | 用于表示颜色的位数（只读） |
height | 屏幕的像素高度 |
width | 屏幕的像素宽度 |
这里讲解一下 availHeight 和 height 的区别，前者是不把系统的任务栏的高度算在内的；后者是屏幕的高度。
这个就是系统的任务栏
结束语
好了，这两个简单的对象就了解到这里。虽然这两个对象很简单，但是还希望大家将一些别的核心的对象给了解透彻。我也写过其他对象的文章，比如window对象 、 location对象 、history对象，大家可以去翻阅我的文章。