仅当标签页处于非活动状态时，才会显示 Chrome 桌面通知

Show Chrome desktop notifications only when tab is inactive

本文关键字：显示 Chrome 通知 桌面 标签 活动状态 于非      更新时间：2023-09-26

我目前正在使用以下代码在谷歌浏览器中显示桌面通知：

new Notification(data.sender.displayName, {
                    icon: '/images/logo.png',
                    body: data.content,
});

这适用于聊天应用程序，在与聊天相同的页面上显示通知是没有意义的。如何使通知仅在选项卡处于非活动状态或窗口失焦时才显示？

谢谢！

使用可见性 API 了解窗口是否可见。您可以使用事件侦听器设置自定义隐藏/取消隐藏事件。看这里。

相关文章：