浏览器根对象navigator之对象属性概览
第1章 connection[试验]
navigator.connection 是只读的，提供一个NetworkInformation 对象来获取设备的网络连接信息。例如用户设备的当前带宽或连接是否被计量， 这可以用于基于用户的连接来选择高清晰度内容或低清晰度内容。
1.1 使用
下面是一个侦测用户设备连接状态变化的例子：
|
var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection; var type = connection.type; function updateConnectionStatus() { console.log("设备的网络连接从" + type + "变成了" + connection.type); } connection.addEventListener('typechange', updateConnectionStatus); |
1.2 事件
与online和offline事件有关系。
第2章 plugins
返回一个 PluginArray 类型的对象，包含了当前所使用的浏览器安装的所有插件。该属性不属于任何一个标准。
2.1 使用
下例演示了如何在一个页面上输出浏览器上安装的所有插件。 Plugin对象的属性有: name, filename, description, 和 version：
|
var L = navigator.plugins.length; document.write(L.toString().bold() + " Plugin(s)".bold()); document.write("<br>"); document.write("Name | Filename | description".bold()); document.write("<br>"); for(var i=0; i<L; i++) { document.write(navigator.plugins[i].name); document.write(" | "); document.write(navigator.plugins[i].filename); document.write(" | "); document.write(navigator.plugins[i].description); document.write(" | "); document.write(navigator.plugins[i].version); document.write("<br>"); } |
第3章 mimeTypes
返回一个MimeTypeArray对象，其中包含可被当前浏览器识别的MimeType对象的列表。
mimeTypes 是一个 MimeTypeArray 对象，其中含有 length 属性、item(index) 和 namedItem(name) 方法。
3.1 示例
下面介绍了如何使用mimeTypes：
|
function isJavaPresent() { return 'application/x-java-applet' in navigator.mimeTypes; }
function getJavaPluginDescription() { var mimetype = navigator.mimeTypes['application/x-java-applet']; if (mimetype === undefined) { // no Java plugin present return undefined; } return mimetype.enabledPlugin.description; } |
第4章 serviceWorker[试验]
serviceWorker是navigator的只读属性，返回ServiceWorkerContainer对象，它提供ServiceWorker的注册，删除，升级和通信的访问。
4.1 ServiceWorkerContainer
ServiceWorkerContainer接口为 service worker提供一个容器般的功能，包括对service worker的注册，卸载 ，更新和访问service worker的状态，以及他们的注册者。
相关详情参见MDN网站
第5章 credentials[试验]
credentials属性返回CredentialsContainer接口，该接口可用于特征检测。
|
if ('credentials' in navigator) { navigator.credentials.get({password: true}) .then(function(creds) { //Do something with the credentials. }); } else { //Handle sign-in the way you did before. }; |
5.1 CredentialsContainer
Credential Management API 的 CredentialsContainer 接口提供了请求 credentials 和通知用户代理（当成功登陆或登出事件发生时）的方法。可通过 Navigator.credentials 获得该接口。
第6章 permissions[试验]
permissions 是 Navigator 读属性，返回一个可用于查询或更新某些APIs（由Permissions API覆盖）的权限状态的对象。
|
navigator.permissions.query({name:'geolocation'}).then(function(result) { if (result.state === 'granted') { showMap(); } else if (result.state === 'prompt') { showButtonToEnableMap(); } // 如果被拒绝，请不要做任何操作。 }); |
第7章 geolocation
geolocation 只读属性返回一个 Geolocation 对象，通过这个对象可以访问到设备的位置信息。这允许网站或应用根据用户的位置提供个性化结果。
第8章 mediaDevices
mediaDevices 是 Navigator 只读属性，返回一个 MediaDevices 对象，该对象可提供对相机和麦克风等媒体输入设备的连接访问，也包括屏幕共享。
|
'use strict';
// Put variables in global scope to make them available to the browser console. var video = document.querySelector('video'); var constraints = window.constraints = { audio: false, video: true }; var errorElement = document.querySelector('#errorMsg');
navigator.mediaDevices.getUserMedia(constraints) .then(function(stream) { var videoTracks = stream.getVideoTracks(); console.log('Got stream with constraints:', constraints); console.log('Using video device: ' + videoTracks[0].label); stream.onended = function() { console.log('Stream ended'); }; window.stream = stream; // make variable available to browser console video.srcObject = stream; }) .catch(function(error) { if (error.name === 'ConstraintNotSatisfiedError') { errorMsg('The resolution ' + constraints.video.width.exact + 'x' + constraints.video.width.exact + ' px is not supported by your device.'); } else if (error.name === 'PermissionDeniedError') { errorMsg('Permissions have not been granted to use your camera and ' + 'microphone, you need to allow the page access to your devices in ' + 'order for the demo to work.'); } errorMsg('getUserMedia error: ' + error.name, error); });
function errorMsg(msg, error) { errorElement.innerHTML += '<p>' + msg + '</p>'; if (typeof error !== 'undefined') { console.error(error); } } |
第9章 其他
budget、usb、storage、presentation、webkitTemporaryStorage、webkitPersistentStorage等在谷歌中存在，而火狐并未实现，暂未了解。
