[TOC] ## Navigator ### Navigator.userAgent 浏览器的厂商和版本信息 ``` navigator.userAgent // "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.57 Safari/537.36" ``` ### Navigator.plugins 浏览器使用的插件 ### Navigator.platform 浏览器的平台 ``` navigator.platform // "Linux x86_64" ``` ### Navigator.onLine 用户是否在线 `navigator.onLine // true ` 访问局域网时,返回true,并不能说明可以访问互联网,反之则成立 用户**变成在线**会触发online事件,**变成离线**会触发offline事件 ``` window.addEventListener('offline', function(e) { console.log('offline'); }); window.addEventListener('online', function(e) { console.log('online'); }); ``` ### Navigator.language,Navigator.languages 表示浏览器的语言 `navigator.language // "en" ` `navigator.languages // ["en-US", "en", "zh-CN", "zh", "zh-TW"] ` ### Navigator.geolocation 对象 包含用户地理位置信息 该 API 只有在 HTTPS 协议下可用 * Geolocation.getCurrentPosition():得到用户的当前位置 * Geolocation.watchPosition():监听用户位置变化 * Geolocation.clearWatch():取消`watchPosition()`方法指定的监听函数 ### Navigator.cookieEnabled 判断cookie 功能是否打开 ## 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`。