从网站在桌面上弹出通知

Question

我需要能够在桌面的右下角显示通知弹出窗口，而不是像 toastr 这样的浏览器窗口的右下角，需要是桌面的右下角。我想我看过它，但不记得在哪里。

有人有什么想法吗？

我猜是 javascript/jquery？

Answer 1

如果用户授予网站使用权限，您正在寻找可以做到这一点的 notification()。

• https://developer.mozilla.org/en-US/docs/Web/API/notification

来自链接的文档：

<button onclick="notifyMe()">Notify me!</button>

function notifyMe() {
  // Let's check if the browser supports notifications
  if (!("Notification" in window)) {
    alert("This browser does not support desktop notification");
  }

  // Let's check whether notification permissions have already been granted
  else if (Notification.permission === "granted") {
    // If it's okay let's create a notification
    var notification = new Notification("Hi there!");
  }

  // Otherwise, we need to ask the user for permission
  else if (Notification.permission !== "denied") {
    Notification.requestPermission(function (permission) {
      // If the user accepts, let's create a notification
      if (permission === "granted") {
        var notification = new Notification("Hi there!");
      }
    });
  }

  // At last, if the user has denied notifications, and you 
  // want to be respectful there is no need to bother them any more.
}