在 HTML 中做 App ，获取权限的方法有很多种，常用的有 JavaScript 和 Cordova 插件。下面将详细介绍这两种方法的原理和实现。
一、JavaScript 获取权限
JavaScript 可以在浏览器中直接运行，可以借助浏览器 API 来获取一些权限。比如，获取用户的地理位置、检测网络状态等等。下面具体介绍一下几个常常出现在大家视野里的权限获取方法
1. 获取地理位置权限
可以借助调用 navigator.geolocation 对象中的 getCurrentPosition() 方法来获取用户的地理位置，该方法可以接受两个参数，一个是获取成功后的回调函数，一个是获取失败后的回调函数。例如
```
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition, showError);
} else {
alert(浏览器不支持定位功能);
}
function showPosition(position) {
var latitude = position.coords.latitude; // 纬度
var longitude = position.coords.longitude; // 经度
alert(您的位置是纬度 + latitude + ，经度 + longitude);
}
function showError(error) {
switch(error.code) {
case error.PERMISSION,DENIED:
alert(您拒绝了地理位置授权);
break;
case error.POSITION,UNAVAILABLE:
alert(无法获取您的位置信息);
break;
case error.TIMEOUT:
alert(获取位置信息过时);
break;
case error.UNKNOWN,ERROR:
alert(未知错误);
break;
}
}
```
2. 获取媒体访问权限
可以借助调用 navigator.mediaDevices.getUserMedia() 方法来获取麦克风和摄像头的访问权限。该方法返回一个 Promise 对象，可以借助 then() 和 catch() 来处理成功和失败的情况。例如
```
navigator.mediaDevices.getUserMedia({audio: true, video: true})
.then(function(stream) {
var video = document.querySelector('video');
video.srcObject = stream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) {
console.log(获取媒体访问权限失败: + err);
});
```
3. 获取网络状态权限
可以借助调用 navigator.connection 对象来获取网络状态。该对象中有一些属性，例如 downlink 表示当前下载速度、effectiveType 表示当前网络类型等等。例如
```
var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
if(connection) {
console.log(当前网络类型: + connection.effectiveType);
console.log(当前下载速度: + connection.downlink);
} else {
console.log(浏览器不支持获取网络状态);
}
```
二、Cordova 插件获取权限
Cordova 是一个开源的平台，能够让开发者使用 HTML、CSS 和 JavaScript 来构建跨平台的原生应用。Cordova 中提供了很多插件，可以方便地获取各个平台的权限。截下来为您介绍一下如何使用 Cordova 插件来获取权限。
1. 安装 Cordova 插件
可以借助 Cordova CLI 来安装插件，例如安装 Camera 插件可以使用以下命令
```
cordova plugin add cordova-plugin-camera
```
2. 使用 Cordova 插件
安装插件之后，就可以在 JavaScript 中使用该插件的 API 来获取权限了。比如，调用 Camera.getPicture() 方法来获取照片
```
navigator.camera.getPicture(onSuccess, onFail,
{ quality: 50,
destinationType: Camera.DestinationType.DATA,URL
});
function onSuccess(imageData) {
var image = document.getElementById('myImage');
image.src = data:image/jpeg;base64, + imageData;
}
function onFail(message) {
console.log('获取照片失败: ' + message);
}
```
以上就是用 JavaScript 和 Cordova 插件来获取权限的方法和实现。在实际开发中，需要根据具体的需求选择适合的方法。