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

5

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