延迟HTML5通知？

Question

我一直在查看HTML通知和服务人员的状态，并且想知道-是否可以显示延迟通知？ 基本上，我想说“在30分钟内提醒我”（或其他内容），然后在30分钟后向用户发送通知。 可以立即安排，但我没有看到任何允许它的功能。

我会丢失某些东西吗？或者在当前状态下（尤其是Chrome API），这是不可能的吗？

Answer 1

对于服务工作者，这是可能的，但并非一帆风顺，至少在目前的形式上如此。 这并不简单，因为服务工作者无法将自己保持半小时的唤醒状态，也无法使用setTimeout或setInterval唤醒自身。 浏览器只会关闭工作进程，并且不会保留任何超时或间隔的记录。 您可以通过一个打开的选项卡中的一条消息将其唤醒，但是您说不想保留一个打开的选项卡，如果您假设使用了打开的选项卡，那为什么还要打扰服务人员呢？ 正如Jeff Posnick在评论中建议的那样，您也许最终可以使用Sync或PeriodicSync API，但是，正如他还指出的那样，它们尚未实现，也并非真的打算用于此目的。

您可以使用Push API完成当前版本的Chrome中所需的操作，但必须将服务器包含在循环中，并使用推送通知服务（即GCM）进行设置。 大致如下：

• 当您决定延迟通知时，请让服务器知道
• 延迟后，服务器会向您的用户发送推送消息
• 服务人员响应该推送而醒来并创建新的通知

最后一部分很麻烦，因为当前您实际上无法通过推送发送任何类型的有效负载，因此您的服务人员将需要某种方式来弄清楚通知的内容。 也许服务器有一个被延后的通知列表，服务工作者可以从那里获取通知，或者您将它们保存在IndexedDB中。

Answer 2

改编自https://developer.cdn.mozilla.net/media/uploads/demos/e/l/elfoxero/c17223c414d8ddafb7808972b5617d9e/html5-notifications_1400214081_demo_package/ ：

<script>
    var Notification = window.Notification || window.mozNotification || window.webkitNotification;

    function show() {
        window.setTimeout(function () {
            var instance = new Notification("Hello World!");
        }, 5000);

        return false;
    }
</script>

<a href="#" onclick="return show()">Notify me!</a>