BOM 浏览器对象模型_window.navigator

window.navigator 对象

包含浏览器和系统信息的 Navigator 对象。

通过这个属性了解用户的环境信息

window.navigator.userAgent

返回浏览器的 User Agent 字符串，表示浏览器的厂商和版本信息

用户可以改变这个字符串。

这个字符串的格式并无统一规定，也无法保证未来的适用性，各种上网设备层出不穷，难以穷尽。

所以，现在一般不再通过它识别浏览器了，

使用“功能识别”方法，即逐一测试当前浏览器是否支持要用到的 JavaScript 功能

通过 userAgent 可以大致准确地识别手机浏览器，方法就是测试是否包含 mobi 字符串
/mobi/i.test(userAgentStr);
/mobi|android|touch|mini/i.test(ua)

window.navigator.plugins

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

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);

}

window.navigator.platform

返回用户的操作系统信息，比如MacIntel、Win32、Linux x86_64等

```
navigator.platform

// "Linux x86_64"
```

window.navigator.onLine

返回一个布尔值，表示用户当前在线还是离线

如果是false，可以断定用户一定离线

如果是 true，就不一定真的在线

用户变成在线会触发 online 事件，变成离线会触发 offline 事件

window.addEventListener('offline', function(e) {

    console.log('offline');

});

window.addEventListener('online', function(e) {

    console.log('online');

});

window.navigator.language

返回一个字符串，表示浏览器的首选语言。该属性只读

window.navigator.languages

返回一个数组，表示用户可以接受的语言

HTTP 请求头信息的 Accept-Language 字段，就来自这个数组

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

window.navigator.geolocation

返回一个 Geolocation 对象，包含用户地理位置的信息。

注意，该 API 只有在 HTTPS 协议下可用，否则调用下面方法时会报错

Geolocation 对象提供下面三个方法

window.navigator.geolocation.getCurrentPosition()

得到用户的当前位置

window.navigator.geolocation.watchPosition()

监听用户位置变化

window.navigator.geolocation.clearWatch()

取消 watchPosition() 指定的监听函数

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

window.navigator.cookieEnabled

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

这个属性反映的是浏览器总的特性，与是否储存某个具体的网站的 Cookie 无关

用户可以设置某个网站不得储存 Cookie，这时 cookieEnabled 返回的还是 true

window.navigator.javaEnabled()

返回一个布尔值，表示浏览器是否能运行 Java Applet 小程

window.navigator.sendBeacon()

用于向服务器异步发送数据

window.screen 对象

表示当前窗口所在的屏幕，提供显示设备的信息

window.screen.width

浏览器窗口所在的屏幕的宽度（单位像素）。

window.screen.height

浏览器窗口所在的屏幕的高度（单位像素）

除非调整显示器的分辨率，否则这个值可以看作常量，不会发生变化。

显示器的分辨率与浏览器设置无关，缩放网页并不会改变分辨率。

window.screen.availWidth

浏览器窗口可用的屏幕宽度（单位像素）

window.screen.availHeight

浏览器窗口可用的屏幕高度（单位像素）

因为部分空间可能不可用，这个属性等于 height 减去那些被系统组件的高度。

比如系统的任务栏 或者 Mac 系统屏幕底部的 Dock 区

window.screen.pixelDepth

整数，表示屏幕的色彩位数

比如24表示屏幕提供24位色彩

window.screen.colorDepth

整数，表示应用程序的颜色深度

window.screen.orientation

返回一个对象，表示屏幕的方向。

window.screen.orientation.type 属性是一个字符串，表示屏幕的具体方向

"landscape-primary" 表示横放

"landscape-secondary" 表示颠倒的横放

"portrait-primary" 表示竖放

"portrait-secondary" 表示颠倒的竖放

window.screen.orientation    // { angle: 0, type: "landscape-primary", onchange: null }

保证屏幕分辨率大于 1024 x 768

if (window.screen.width >= 1024 && window.screen.height >= 768) {

    // 分辨率不低于 1024x768

}

if ((screen.width <= 800) && (screen.height <= 600)) {

    window.location.replace('small.html');

} else {

    window.location.replace('wide.html');

}

秒客网

BOM 浏览器对象模型_window.navigator

相关文章