浏览器桌面通知

根据 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("这是通知标题!");
      }
    });
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容