Javascript 仅当选项卡处于非活动状态时显示Chrome桌面通知

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

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

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

---

谢谢

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

谢谢@usandfriends。