Android 设备上更精简的通知提示

Archit Agarwal
Archit Agarwal
Antonio Sartori
Antonio Sartori

发布时间：2026 年 7 月 22 日

我们一直致力于提升用户体验，为此，我们正在进行一些更改，以解决用户在浏览网页时因通知提示而感到疲劳的问题。自 Chrome 155 起，Android 版 Chrome 将改用新的通知用户体验。本文介绍了此变更对用户的影响，并说明了您可能需要对代码进行哪些修改才能利用这种新的用户体验。

手机上的通知提示，其中包含“允许”或“管理”选项。
Android 设备上更轻量级的通知提示。

我们的研究和实验表明，这种干扰较小的通知界面与之前的版本相比，用户理解程度相近，但用户摩擦显著降低。这样，用户便可在不影响浏览体验的情况下，根据自己的意愿选择是否订阅网站通知。

网站控件中的其他入口点

为了让用户能够随时灵活地订阅通知，我们直接在 Chrome 的网站控件界面中引入了通知订阅入口点。只有在网站首次提示用户允许接收通知后，此选项才会显示。

包含用于控制通知和摄像头使用的选项的权限对话框。
网站控制中心内的通知订阅。

如果用户在网站首次提示时未做出决定，则可以在后续流程中的任何时间点订阅通知。

网站可能需要进行哪些植入方面的更改

即使在非阻塞提示过期时用户未做出任何决定，通知权限请求也会超时。因此，需要修改检查权限是否已授予的代码，例如以下示例中的代码。

// Request notification permission and subscribe if granted.
Notification.requestPermission().then((permission) => {
  // This will run with permission='default' if the non-blocking
  // permission prompt times out.
  if (permission === 'granted') {
    subscribeToPushNotifications();
  }
});

为了在用户通过网站控件选择启用时收到成功的通知订阅，您还应监控权限状态的修改。

navigator.permissions.query({ name: 'notifications' })
  .then(permissionStatus => {
    permissionStatus.onchange = () => {
      if (permissionStatus.state === 'granted') {
        subscribeToPushNotifications();
      }
    };
  });

开发者最佳实践：情境提示

在网页加载时立即请求通知权限可能会立即造成摩擦，并损害网站的用户体验。不过，我们建议网站将提示与相关情境相关联。这有助于用户了解允许网站发送通知的价值。以下是一些场景示例：

  • 电子商务：在客户下单后立即提供配送更新信息。
  • 发布：在用户阅读了几篇相关新闻报道后，建议他们设置主题提醒。
  • 旅行：在用户搜索特定航班后，询问用户是否希望接收票价变动提醒。