仅在标签处于非活动状态时才显示Chrome桌面通知

Question

我目前正在使用以下代码在Google Chrome中显示桌面通知：

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

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

谢谢！

Answer 1

使用Visibility API查看窗口是否可见。您可以使用事件侦听器来设置自定义隐藏/取消隐藏事件。请参阅here。