vue h5移动端页面在手机自带浏览器页面获取授权比如联系人GPS相机日历

在移动端页面中获取授权需要使用HTML5新增的API：Geolocation API、Camera API、Contacts API和Calendar API。

1. Geolocation API：用于获取用户的地理位置信息。使用方法如下：

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    var lat = position.coords.latitude;
    var lng = position.coords.longitude;
    // 获取位置信息成功
  }, function(error) {
    // 获取位置信息失败
  });
} else {
  // 不支持获取位置信息
}

2. Camera API：用于访问设备的摄像头。使用方法如下：

navigator.mediaDevices.getUserMedia({ video: true, audio: true })
  .then(function(stream) {
    // 获取摄像头成功
  })
  .catch(function(error) {
    // 获取摄像头失败
  });

3. Contacts API：用于获取设备上的联系人信息。使用方法如下：

if (navigator.contacts) {
  navigator.contacts.find(["*"], function(contacts) {
    // 获取联系人信息成功
  }, function(error) {
    // 获取联系人信息失败
  });
} else {
  // 不支持获取联系人信息
}

4. Calendar API：用于访问设备上的日历信息。使用方法如下：

if (window.calendar) {
  window.calendar.listEvents(function(events) {
    // 获取日历信息成功
  }, function(error) {
    // 获取日历信息失败
  });
} else {
  // 不支持获取日历信息
}

需要注意的是，获取授权可能会影响用户的隐私，因此需要在页面中说明需要获取哪些授权，以及获取授权的目的和用途。同时，对于不支持这些API的设备，需要给出相应的提示或备选方案。