Android端Chrome通知仅显示于托盘，无横幅弹窗问题求助

核心原因排查与修复步骤 #

1. 移除错误的requireInteraction参数
   你测试代码里设置的requireInteraction: true是用来强制通知保持显示不自动关闭的，它不会触发横幅弹出，反而可能干扰默认行为。先把这个参数删掉，恢复通知的自动关闭逻辑：

fbsw.showNotification("TITLE",{
  body:"Body",
  icon:"/PWA/icon.png"
});

2. 检查系统通知权限设置
   Android系统对通知横幅有单独的权限控制，必须确保Chrome的相关权限开启：

• 进入手机「设置」→「应用和通知」→找到「Chrome」→「通知」
• 开启「横幅」（部分机型叫「弹出通知」）选项
• 将通知「重要性级别」设为「高」或「紧急」，低优先级通知只会在托盘显示，不会弹出横幅

3. 给Push通知添加优先级配置
   Service Worker中的推送通知需要明确设置优先级参数，才能触发Android Chrome的横幅弹出。修改你的push事件代码：

self.addEventListener('push', function(event) {
  var data = event.data.json();
  console.log("std push payload",data);
  if ("data" in data) {
      data=data.data;
  }
  event.waitUntil(
    self.registration.showNotification(data.title, {
      body: data.body,
      icon: data.icon,
      priority: 2, // 最高优先级，强制触发横幅
      importance: 'high' // 兼容新版Notification API
    })
  );
});

4. 额外排查项

• 确保使用的是Chrome稳定版的最新版本，旧版本可能存在通知API兼容性问题
• 确认PWA已添加到手机主屏幕，未添加的PWA通知权限可能受限
• 关闭手机的「省电模式」，部分省电策略会抑制通知横幅弹出

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