安卓版Chrome调用Notification.requestPermission()自动返回拒绝的问题

问题原因 #

这是安卓Chrome的一个特定行为：当用户安装PWA并授予通知权限后，PWA的权限会和浏览器端的权限绑定。删除PWA时，Chrome会悄悄把浏览器端对应的通知权限标记为「已拒绝」，但不会更新Notification.permission的显示状态，导致状态明明是default，调用Notification.requestPermission()却直接返回denied，不会弹出权限请求弹窗。

解决方案 #

1. 引导用户手动重置权限 #

因为代码没法直接修改这个隐藏的权限状态，只能引导用户手动操作：

• 打开Chrome的「设置」→「网站设置」→「通知」
• 找到你的网站，把权限从「拒绝」改回「询问」

2. 代码层面做兼容处理 #

在请求权限前加一层校验和异常处理，及时提示用户：

const requestNotificationPerm = async () => {
  const currentPerm = Notification.permission;
  if (currentPerm === 'denied') {
    alert('通知权限已被拒绝，请去浏览器设置里开启');
    return;
  }

  try {
    const permResult = await Notification.requestPermission();
    // 检测异常场景：原本是default，请求后直接被拒绝
    if (permResult === 'denied' && currentPerm === 'default') {
      alert('检测到权限异常，请前往浏览器设置重置通知权限');
    } else if (permResult === 'granted') {
      // 这里写获取权限后的逻辑，比如注册推送
    }
  } catch (err) {
    console.error('请求通知权限出错:', err);
  }
};

3. 提前引导用户同步权限（可选） #

在用户卸载PWA时，可以提示用户顺便去浏览器设置里关闭对应网站的通知权限，能减少后续打开网页时出现权限异常的概率。不过目前浏览器没有提供监听PWA卸载的API，只能靠文案引导。

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