Navigator对象的属性和方法

Navigator的属性
- Navigator.userAgent（浏览器厂商信息）
- Navigator.plugins（浏览器插件）
- Navigator.platform（操作系统）
- Navigator.onLine（浏览器是否在线）
- Navigator.language，Navigator.languages（浏览器的首选语言和支持的语言）
- Navigator.geolocation（用户位置信息）
- Navigator.cookieEnabled （是否支持cookie）
Navigator的方法
- Navigator.javaEnabled()（是否能够运行Java Applet ）
- Navigator.sendBeacon()
Screen对象（屏幕信息）

window.navigator属性指向一个包含浏览器和系统信息的 Navigator 对象。脚本通过这个属性了解用户的环境信息。

Navigator的属性

Navigator.userAgent（浏览器厂商信息）

navigator.userAgent属性返回浏览器的 User Agent 字符串，表示浏览器的厂商和版本信息。
下面是 Chrome 浏览器的userAgent。

navigator.userAgent
// "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36"

通过userAgent属性识别浏览器，不是一个好办法。因为必须考虑所有的情况（不同的浏览器，不同的版本），非常麻烦，而且用户可以改变这个字符串。这个字符串的格式并无统一规定，也无法保证未来的适用性，各种上网设备层出不穷，难以穷尽。所以，现在一般不再通过它识别浏览器了，而是使用“功能识别”方法，即逐一测试当前浏览器是否支持要用到的 JavaScript 功能。

不过，通过userAgent可以大致准确地识别手机浏览器，方法就是测试是否包含mobi字符串。

var ua = navigator.userAgent.toLowerCase();
if (/mobi/i.test(ua)) {// 手机浏览器
} else {// 非手机浏览器
}

如果想要识别所有移动设备的浏览器，可以测试更多的特征字符串。

/mobi|android|touch|mini/i.test(ua)

Navigator.plugins（浏览器插件）

Navigator.plugins属性返回一个类似数组的对象，成员是 Plugin 实例对象，表示浏览器安装的插件，比如 Flash、ActiveX 等。

以下代码包含了plugins包含的插件信息

var pluginsLength = navigator.plugins.length;
for (var i = 0; i < pluginsLength; i++) {console.log(navigator.plugins[i].name);console.log(navigator.plugins[i].filename);console.log(navigator.plugins[i].description);console.log(navigator.plugins[i].version);
}

Navigator.platform（操作系统）

Navigator.platform返回用户的操作系统信息，比如Mac、Intel、Win32、Linux x86_64等。

Navigator.onLine（浏览器是否在线）

Navigator.onLine返回一个Boolean值，表示当前浏览器是否是连线状态。

const line = Navigator.onLine;

有时候浏览器连接了局域网，但是没有连接外网，Navigator.onLine还是会返回true。所以不能单纯的通过该属性来判断用户是否连接网络

用户变成在线会触发online事件，变成离线会触发offline事件，可以通过window.ononline和window.onoffline指定这两个事件的回调函数。

window.addEventListener('offline', function(e) { console.log('offline');});
window.addEventListener('online', function(e) {console.log('online');
});

Navigator.language，Navigator.languages（浏览器的首选语言和支持的语言）

Navigator.language属性返回一个字符串，表示浏览器的首选语言。该属性只读。
Navigator.languages属性返回一个数组，表示用户可以接受的语言。Navigator.language总是这个数组的第一个成员。HTTP 请求头信息的Accept-Language字段，就来自这个数组。

navigator.language // "en"
navigator.languages  // ["en-US", "en", "zh-CN", "zh", "zh-TW"]

如果这个属性发生变化，就会在window对象上触发languagechange事件。

Navigator.geolocation（用户位置信息）

Navigator.geolocation属性返回一个 Geolocation 对象，包含用户地理位置的信息。注意，该 API 只有在 HTTPS 协议下可用，否则调用下面方法时会报错。
Geolocation 对象提供下面三个方法。

Geolocation.getCurrentPosition()：得到用户的当前位置
Geolocation.watchPosition()：监听用户位置变化
Geolocation.clearWatch()：取消watchPosition()方法指定的监听函数

注意，调用这三个方法时，浏览器会跳出一个对话框，要求用户给予授权。

Navigator.cookieEnabled （是否支持cookie）

Navigator.cookieEnabled属性返回一个布尔值，表示浏览器的 Cookie 功能是否打开。

注意，这个属性反映的是浏览器总的特性，与是否储存某个具体的网站的 Cookie 无关。用户可以设置某个网站不得储存 Cookie，这时cookieEnabled返回的还是true。

Navigator的方法

Navigator.javaEnabled()（是否能够运行Java Applet ）

Navigator.javaEnabled()方法返回一个布尔值，表示浏览器是否能运行 Java Applet 小程序。

Navigator.sendBeacon()

Navigator.sendBeacon()方法用于向服务器异步发送数据

Screen对象（屏幕信息）

Screen 对象表示当前窗口所在的屏幕，提供显示设备的信息。window.screen属性指向这个对象。

该对象有下面的属性。

Screen.height：浏览器窗口所在的屏幕的高度（单位像素）。除非调整显示器的分辨率，否则这个值可以看作常量，不会发生变化。显示器的分辨率与浏览器设置无关，缩放网页并不会改变分辨率。
Screen.width：浏览器窗口所在的屏幕的宽度（单位像素）。
Screen.availHeight：浏览器窗口可用的屏幕高度（单位像素）。因为部分空间可能不可用，比如系统的任务栏或者 Mac 系统屏幕底部的 Dock 区，这个属性等于height减去那些被系统组件的高度。
Screen.availWidth：浏览器窗口可用的屏幕宽度（单位像素）。
Screen.pixelDepth：整数，表示屏幕的色彩位数，比如24表示屏幕提供24位色彩。
Screen.colorDepth：Screen.pixelDepth的别名。严格地说，colorDepth 表示应用程序的颜色深度，pixelDepth 表示屏幕的颜色深度，绝大多数情况下，它们都是同一件事。
Screen.orientation：返回一个对象，表示屏幕的方向。该对象的type属性是一个字符串，表示屏幕的具体方向，landscape-primary表示横放，landscape-secondary表示颠倒的横放，portrait-primary表示竖放，portrait-secondary。

神奇的Navigator对象相关推荐

学习 JS navigator 对象
集合描述 IE F O plugins[] 返回对文档中所有嵌入式对象的引用. 该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件.Plug-in 对象提供的是有关插件的信息 ...
25 navigator对象
技术交流QQ群:1027579432,欢迎你的加入! 1.navigator对象 navigator对象包含有关浏览器的信息,它有很多属性,我们最常用的是userAgent,该属性可以返回由客户机发送 ...
JS window对象 Navigator对象 Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。...
Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本. 对象属性: 查看浏览器的名称和版本,代码如下: <script type=" ...
Navigator 对象深入研究
为什么80%的码农都做不了架构师?>>> 一.navigator Navigator 对象包含有关浏览器的信息. ==注释:没有应用于 navigator 对象的公开标准,不过 ...
Navigator 对象
这是浏览器的对象. 定义:Navigator 对象包含有关浏览器的信息. <script>//关于浏览器的信息var x = navigator;document.write(" ...
javascript Navigator对象属性和方法
Navigator对象 Navigator 对象包含的属性描述了正在使用的浏览器.可以使用这些属性进行平台专用的配置.虽然这个对象的名称显而易见的是 Netscape 的 Navigator 的浏览 ...
navigator对象介绍
<html> <head><title> 测试navigator对象 </title> <body><script>docume ...
[JS] 修改Navigator对象
在Js中,对于普通的对象,你可以通过下列方法来增加/修改/删除一个实例属性 obj = new Object; // 增加属性 obj.name = 123; // 修改属性 obj.name = 3 ...
Navigator 对象，能够清楚地知道浏览器的相关信息
Navigator 对象属性 appCodeName属性功能:返回浏览器的代码名.该属性是一个只读的字符串. 语法:navigator.appCodeName 总结:在所有以Netscape代码为基 ...
BOM之navigator对象和用户代理检测
前面的话 navigator对象现在已经成为识别客户端浏览器的事实标准,navigator对象是所有支持javascript的浏览器所共有的.本文将详细介绍navigator对象和用户代理检测属性 ...

神奇的Navigator对象