iOS App Store安装的PWA反复请求定位权限，无法记住设置

针对你遇到的iOS App Store安装的PWA反复请求定位权限问题，结合iOS对PWA的权限机制，整理以下可能的原因和解决办法：

1. 检查Manifest配置的完整性 #

虽然你已经添加了geolocation权限，但iOS对PWA的manifest有更严格的要求：

• 确保scope字段配置正确，PWA的所有页面必须在scope范围内，否则权限会被视为无效，触发重复请求。例如：

"scope": "/",
"start_url": "/"

• 不要盲目添加后台相关权限（如background_sync），如果你的应用不需要后台定位，这些权限会导致iOS频繁校验定位权限。

2. 优化getCurrentPosition的调用逻辑 #

你的当前代码在页面加载时直接调用定位请求，这可能是重复弹窗的核心原因：

• 添加请求标记，避免重复调用：用变量记录是否已经发起过权限请求，防止页面刷新/路由切换时重复触发：

let hasInitiatedLocationRequest = false;

function requestGeolocation() {
  if (navigator.geolocation && !hasInitiatedLocationRequest) {
    hasInitiatedLocationRequest = true;
    navigator.geolocation.getCurrentPosition(
      handleGeolocation,
      handleGeolocationError // 建议恢复错误回调，否则无法处理权限拒绝场景
    );
  }
}

• 添加定位参数优化：iOS对getCurrentPosition的缓存策略敏感，设置合理的参数可以减少权限请求频率：

navigator.geolocation.getCurrentPosition(
  handleGeolocation,
  handleGeolocationError,
  {
    maximumAge: 300000, // 5分钟内复用缓存的定位结果
    timeout: 10000, // 10秒超时
    enableHighAccuracy: false // 非高精度场景建议关闭，减少系统权限校验
  }
);

3. 主动检查权限状态，避免无效请求 #

iOS的PWA权限状态不会像原生APP那样持久化，需要主动查询权限状态后再决定是否请求：

async function checkAndRequestLocation() {
  const permission = await navigator.permissions.query({ name: 'geolocation' });
  
  switch(permission.state) {
    case 'granted':
      // 已授权，直接获取定位
      navigator.geolocation.getCurrentPosition(handleGeolocation);
      break;
    case 'prompt':
      // 未授权，发起请求
      requestGeolocation();
      break;
    case 'denied':
      // 已拒绝，提示用户去设置开启
      console.log('定位权限已拒绝，请前往系统设置开启');
      break;
  }
}

// 页面加载时先执行权限检查
checkAndRequestLocation();

4. 注意App Store PWA的特殊限制 #

从App Store安装的PWA是被Safari容器包裹的应用，权限策略比直接添加到主屏幕的PWA更严格：

• 确保应用全程使用HTTPS，iOS会拒绝非HTTPS环境下的权限请求，导致重复弹窗。
• 避免在应用进入后台后调用定位API，iOS会判定为不必要的权限使用，触发重复请求。

内容的提问来源于stack exchange，提问作者Alex