浏览器对象

最近看了点非侵入式JavaScript，发现里面很多地方有提到浏览器检测和对象检测。当然实际开发中我们应该使用后者。浏览器检测实际上是基于一些浏览器对象的，这些对象是浏览器供应商为我们提供的，很多属性并不是标准，因此有些属性在各个浏览器中并不统一，且其值也不准确。因此使用时应该要格外小心。

总的来看浏览器对象有四个，分别是 navigator、screen、history 和 location，而且它们都是 window 对象的属性。因为很多浏览器的支持标准不一样，这里我使用的是Chrome，版本60.0.3112.113（正式版本） （64 位）。

navigator

navigator 对象包含有关浏览器的信息。不过值得注意的是，到现在还没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象的。所以我们可以简单的利用收集浏览器客户、端信息。在浏览器控制台输出如下

常见属性如下：

属性描述appCodeName返回浏览器的内部“开发代号”名称。 值不一定正确appName返回浏览器官方名称。值不一定正确。appVersion返回浏览器的平台和版本信息。值不一定正确。language返回当前浏览器的语言。(languages)。有可能为 nullcookieEnabled返回指明浏览器中是否启用 cookie 。onLine返回指明系统是否处于联机状态。网络查看的。platform返回运行浏览器的操作系统平台。userAgent返回由客户机发送服务器的 user-agent 头部的值。即浏览器类别、版本，客户端操作系统等信息。有些JS 库会根据这个值判断浏览器。尽量别这么干。

screen

从名字上看，可以知道它是有关客户端显示屏幕的信息。有时候为了适应各种设备，并提供更好的用户体验，可能会考虑这个信息。

属性描述availHeight显示屏幕的高度 (去掉 Windows 任务栏之后的高度)。availWidth显示屏幕的宽度 (去掉 Windows 任务栏之后的高度)。bufferDepth设置或返回调色板的比特深度。availLeft availTop height显示器屏幕的宽度(含任务栏高度)。colorDepth返回目标设备或缓冲器上的调色板的比特深度。orientation屏幕显示方向。我们也可以监听其 onchange 事件。width显示器屏幕的宽度

总的来说，Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将利用这些信息来优化它们的输出。

history

这个估计很多人熟悉了，该对象包含用户（在浏览器窗口中）访问过的 URL
只有一个属性 length，指示浏览器历史列表中的 URL 数量。

方法描述back()加载 history 列表中的前一个 URL。forward()加载 history 列表中的下一个 URL。go()加载 history 列表中的某个具体页面。

几乎所有浏览器都自带前进后退功能，因此很多时候这个对象几乎没啥用处。

location

对很多人来说，这个对象估计是最陌生的了。从名字上看是 位置的意思。其实它是指示当前 URL 信息的。

属性描述hash设置或返回从井号 (#) 开始的 URL（锚）。host设置或返回主机名和当前 URL 的端口号。hostname设置或返回当前 URL 的主机名，不含端口href设置或返回完整的 URL。pathname设置或返回当前 URL 的路径名port设置或返回当前 URL 的端口号。protocol设置或返回当前 URL 的协议。search设置或返回从问号 (?) 开始的 URL（查询部分）。origin默认跟window.origin 是同值。其值一般是首页的 URL。从上面描述可知，这些属性都是可修改的。而且修改的时候可以触发下面一些方法。

方法描述assign(加载新的文档。reload()重新加载当前文档。replace()用新的文档替换当前文档。当我们改变 location 信息时，就会触发reload()。我们可以利用这点在为当前页面加载新的文档。