notifications

通过使用底层操作系统的通知机制向用户展现通知消息。由于此 API 使用操作系统的通知机制,通知的外观和行为细节可能会因操作系统和用户设置的不同而有所不同。

在 macOS 上,通知看起来像这样:

在 macOS 上的示例通知:通知位于系统时钟下方,有一个粗体标题“Click notification”,接着是一段正常字体的文本“You clicked https://developer.mozilla.org/en-US/docs/MDN”。通知的左侧有 Firefox Nightly 的标志,右侧有一个链接图标。

在 Windows 上,通知会一直保留在操作中心中,直到浏览器关闭,看起来是这样的:

在 Windows 10 上的示例通知:位于系统时钟上方,有一个粗体标题“Click notification”,接着是一段正常字体的文本“You clicked https://developer.mozilla.org/en-US/docs/MDN”。通知的左上角有一个较小的 Firefox 的图标并跟着文本“Mozilla Firefox”,在通知正文内容左侧还有一个链接图标。

要使用该 API,你需要预先取得“notifications”权限

类型

notifications.NotificationOptions

定义通知的内容。

notifications.TemplateType

通知的类型。例如可以定义通知是否可以包含图像。

函数

notifications.clear()

清除特定 ID 的通知。

notifications.create()

创建并显示一个新通知。

notifications.getAll()

获取所有通知。

notifications.update()

更新通知。

事件

notifications.onButtonClicked

当用户点击通知中的按钮时触发。

notifications.onClicked

当用户点击通知但未点击按钮时触发。

notifications.onClosed

当通知关闭时触发(无论是系统关闭还是用户关闭)。

notifications.onShown

通知显示后立即触发。

浏览器兼容性

BCD tables only load in the browser

示例扩展