Notification

Notification()

创建一个新的 Notification 实例对象。

这些属性只能用于 Notification 对象自身。

Notification.permission 只读

一个字符串，表示当前显示通知的权限。可能的值是：

• denied——用户拒绝显示通知。
• granted——用户接受显示通知。
• default——用户选择是未知的，因此浏览器的行为类似于值是 denied。

Notification.maxActions_static 只读 实验性

设备和用户代理支持的最大的操作数量。

这些属性仅用于 Notification 实例对象上。

Notification.actions 只读 实验性

在构造函数的 options 参数中指定的通知的操作数组。

Notification.badge 只读

当没有足够的空间去显示通知自身（例如 Android 通知栏）时，用于表示通知图像的 URL。在安卓设备上，徽章的分辨率应达到 4x（约 96 x 96 px），图片会被自动屏蔽。

Notification.body 只读

在构造函数的 options 参数中指定的通知的正文字符串。

Notification.data 只读

返回一个通知数据的结构化克隆。

Notification.dir 只读

在构造函数的 options 参数中指定的通知的文本方向。

Notification.lang 只读

在构造函数的 options 参数中指定的通知的语言。

Notification.tag 只读

在构造函数的 options 参数中指定的通知的 ID（如果有的话）。

Notification.icon 只读

在构造函数的 options 参数中用作指定通知图标的图像 URL。

Notification.image 只读 实验性

作为通知的一部分显示的图像 URL，在构造函数的选项参数中指定。

Notification.renotify 只读 实验性

指定在新通知取代旧通知后，是否应该通知用户。

Notification.requireInteraction 只读

一个布尔值，表示通知应该保持活动状态，直到用户点击或者关掉它，而不是自动关闭。

Notification.silent 只读

指定通知是否应该静音——即，无论设备的设置如何，都不应发出声音和振动。

Notification.timestamp 只读 实验性

指定通知创建或者应用时（过去、现在或者未来）的时间。

Notification.title 只读

在构造函数第一个参数中指定的通知标题。

Notification.vibrate 只读 实验性

为拥有振动硬件的终端设备指定振动模式。

这些属性只能用于 Notification 对象自身。

Notification.requestPermission()

请求用户允许显示通知。

这些属性仅用于 Notification 实例对象或者通过 prototype 提供。Notification 对象也继承自 EventTarget 接口。

Notification.close()

以编程方式关闭通知实例。

click

当用户点击通知时触发。

close

当用户关闭通知时触发。

error

当通知发生错误时触发。

show

当通知显示时触发。

假定有如下 HTML：

<button onclick="notifyMe()">提醒我！</button>

可以按如下方式发送通知——在这里，我们提供了一个相当详细且完整的代码，如果你想要首先检查通知是否受支持，然后检查用户是否已授予当前源发送通知的权限，然后根据需要请求权限，最后发送一个通知。

function notifyMe() {
  if (!("Notification" in window)) {
    // 检查浏览器是否支持通知
    alert("当前浏览器不支持桌面通知");
  } else if (Notification.permission === "granted") {
    // 检查是否已授予通知权限；如果是的话，创建一个通知
    const notification = new Notification("你好！");
    // …
  } else if (Notification.permission !== "denied") {
    // 我们需要征求用户的许可
    Notification.requestPermission().then((permission) => {
      // 如果用户接受，我们就创建一个通知
      if (permission === "granted") {
        const notification = new Notification("你好！");
        // …
      }
    });
  }

  // 最后，如果用户拒绝了通知，并且你想尊重用户的选择，则无需再打扰他们
}

在这里，我们不再展示一个在线实例，因为 Chrome 和 Firefox 不再允许从跨源的 <iframe> 请求通知权限，其他浏览器会陆续跟进。要查看实际示例，请查看我们的待办事项示例（参见在线运行的应用程序）。

• 使用 Notifications API