Question

我目前有一个示例代码，该代码正在JQuery中运行：

  $(document).ready(init);
  
  function init () {
    notifyInit();
    
    var notification = new Notification("Hello World!", {
      icon: "http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png",
      body: "The world says hi!"
    });
  }
  
  function notifyInit () {
    if (!Notification) {
      alert('Desktop notifications not available in your browser. Try Chromium.'); 
      return;
    }
    if (Notification.permission !== "granted")
      Notification.requestPermission();
  }

当复制到HTTPS / SSL网站中时，它可以很好地显示我要求的标题，正文和图标。

根据此处的资源： https://developer.mozilla.org/en-US/docs/Web/API/notification/Notification

还有一个我可以指定的字段，称为“动作”。我可以提供“ NotificationActions数组，这些数组代表在呈现通知时用户可用的操作”。它没有提供关于我应该在该字段中输入什么的任何进一步信息，并且我无法找到与此相关的任何其他资源。

在其他网页上，我能够找到一些示例，但是它们看起来似乎都是不同的，并且许多界面都非常不同。这里只是几个例子： actions for chrome notification not working Is there any way to insert action buttons in notification in Google Chrome https://developers.google.com/web/updates/2016/01/notification-actions

我尝试添加“按钮”和/或“动作”字段。

当我添加“动作”时，我得到： “无法构造'Notification'：所需的成员动作未定义。TypeError：无法构造'Notification'：所需的成员动作未定义。” 当我添加“按钮”或“动作”字段时，输出没有任何变化。

我想做的是提供一个带有两个按钮的简单界面。例如，一个打开一个网页，另一个打开该通知。我现在看到右上角有一个小图标，可以取消通知，但是它很小，我想让访问者更容易。

有人可以使用相同的Notifications接口为我提供一个简单的工作示例吗？我想念什么？

非常感谢您的帮助！

在桌面通知中添加关闭按钮

0 个答案: