浏览器桌面通知

根据 Notification 对象实现

// 发送一个桌面通知请求
function notifyMe() {
  // 判断浏览器是否支持 Notification
  if (!("Notification" in window)) {
    alert("您的浏览器不只是桌面通知!");
  }

  // 判断用户是否同意显示桌面通知
  else if (Notification.permission === "granted") {
    // “granted” 表示同意,“default” 表示待用户选择,"denied" 表示用户拒绝
    var notification = new Notification("这是通知标题", {
      // 更多内容请查看 Notification 文档, https://developer.mozilla.org/zh-CN/docs/Web/API/notification
      body: '通知内容'
    });
  }

  // 用户拒绝
  else if (Notification.permission !== 'denied') {
  // 重新发送授权请求
    Notification.requestPermission(function (permission) {
      // 用户同意
      if (permission === "granted") {
        var notification = new Notification("这是通知标题!");
      }
    });
  }
}

你可能感兴趣的:(浏览器桌面通知)