浏览器中的JavaScript核心BOM（浏览器对象模型）对象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对象，大家可以去翻阅我的文章。