iOS端PWA中Notification.permission权限跳转后重置问题求助

iOS上的PWA目前存在Notification.permission状态在页面跳转/刷新后重置为default的已知问题，即便用户已经授权通知权限。以下是几个稳定获取权限状态的可行方案：

1. 用localStorage持久化权限状态 #

在用户完成授权操作后，主动将权限状态存入localStorage，后续判断权限时优先读取本地存储的值，避免依赖不可靠的Notification.permission：

// 初始化权限状态
function getNotificationPermission() {
  // 优先读取本地存储的状态
  const savedPermission = localStorage.getItem('notificationPermission');
  if (savedPermission) {
    return savedPermission;
  }
  // 本地无存储时，读取原生API的值
  return Notification.permission;
}

// 请求权限后更新本地存储
async function requestNotificationPermission() {
  const permission = await Notification.requestPermission();
  localStorage.setItem('notificationPermission', permission);
  return permission;
}

// 使用示例
const currentPermission = getNotificationPermission();
if (currentPermission === 'default') {
  // 提示用户开启通知
  requestNotificationPermission();
}

2. 通过Service Worker推送订阅状态间接判断 #

如果你的PWA已经集成了Web Push，可通过检查是否存在有效的推送订阅来判断用户是否已授权：

async function hasValidPushSubscription() {
  if ('serviceWorker' in navigator && 'PushManager' in window) {
    const registration = await navigator.serviceWorker.ready;
    const subscription = await registration.pushManager.getSubscription();
    // 存在订阅对象则说明已授权
    return !!subscription;
  }
  return false;
}

// 使用示例
async function checkNotificationStatus() {
  const hasSubscription = await hasValidPushSubscription();
  const savedPermission = localStorage.getItem('notificationPermission');
  
  if (!hasSubscription && savedPermission !== 'granted') {
    // 提示用户开启通知
    requestNotificationPermission();
  }
}

3. 监听permissionchange事件同步状态 #

监听通知权限变化事件，实时更新本地存储的状态，确保状态同步：

// 监听权限变化
Notification.addEventListener('permissionchange', (event) => {
  const newPermission = event.target.permission;
  localStorage.setItem('notificationPermission', newPermission);
});

注意事项 #

• 即使Notification.permission显示为default，只要用户已授权且存在有效的推送订阅，Web Push通知仍能正常接收，所以不要仅依赖原生API的返回值判断。
• 当用户手动在系统设置中关闭通知权限时，推送订阅会失效，此时hasValidPushSubscription()会返回false，可触发重新授权流程。

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