Question

我不仅要发送带有消息的推送（通过提取），而且有时也发送不可见的推送（即根本不显示通知），只是为了检查用户仍然订阅了多少以及他们接受推送的速度。

我试过这段代码。它似乎工作，但在某些设备上，我得到“此网站已在后台更新”消息，这是令人困惑的。

self.addEventListener('push', function(event) {
    event.waitUntil(
        fetch(my_awesome_url)
        .then(function(response) {
            if (response.status !== 200) {
                throw new Error('Server code: ' + response.status);
            }

            return response.json().then(function(data) {
                if (typeof data.data !== 'object') return; // invisible push, show nothing
                var notificationData = {
                    body: data.content,
                    data: data.data,
                    tag: data.id || Math.random(),
                    icon: typeof data.data == 'object' ? data.data.image : ''
                };

                return self.registration.showNotification(data.title, notificationData);
            });
        })
        .catch(function (err) {
        })
    );
});

如何实际阻止浏览器显示任何内容？

Answer 1

你不能。

在您的客户端代码中，您必须编写以下行：

subscribe({userVisibleOnly: true});

这是因为浏览器仅支持您在显示消息的推送通知。

不要尝试发送消息，直到必须然后捕获错误订阅的错误响应。

这个问题有一个很好的答案，更详细的内容如下：Google Chrome Silent Push Notifications

Chrome推送通知：发送隐形推送

1 个答案: