简单的web Notifations发通知

Web Notifications API 使页面可以发出通知,通知将被显示在页面之外的系统层面上(通常使用操作系统的标准通知机制,但是在不同的平台和浏览器上的表现会有差异)

Notification.requestPermission( function(status) {    //让用户进行通知权限选择,根据用户的选择进行操作
console.log(status); // 仅当值为 "granted" 时显示通知
var n = new Notification("title", {body: "notification body"}); // 显示通知
});

一、
可以通过检查只读属性 Notification.permission 的值来查看你是否已经有权限(Safari 和 Chrome (在 32 版本之前) 还没有实现 permission 属性)

default
用户还未被询问是否授权,所以通知不会被显示。
granted
表示之前已经询问过用户,并且用户已经授予了显示通知的权限。
denied
用户已经明确的拒绝了显示通知的权限。

二、

在 Notification 实例层面上会有4个事件被触发:
show
当通知被显示给用户时触发。
click
当用户点击通知时触发。
close
当通知被关闭时触发。
error
当通知发生错误的时候触发。这通常是因为通知由于某些原因而无法显示。
这些事件可以通过事件处理跟踪 onshow、onclick、onclose 和 onerror。
因为 Notification 同样继承自 EventTarget,因此可以对它调用 addEventListener() 方法。

原文地址:https://www.cnblogs.com/xinyouhunran/p/11190443.html