JS Notifications消息通知

最新推荐文章于 2025-05-21 15:13:17 发布

原创最新推荐文章于 2025-05-21 15:13:17 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#消息通知 #notifications #js

js 同时被 2 个专栏收录

8 篇文章

订阅专栏

知识点摘要

4 篇文章

订阅专栏

博客介绍了Notifications API的通知接口，该接口用于向用户配置和显示桌面通知。还详细说明了创建通知对象时所需的参数，包括必选的标题和可选的配置对象，配置对象包含文字方向、语言、额外显示字符串等属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Notifications API 的通知接口用于向用户配置和显示桌面通知。

let notification = new Notification(title, options)

MDN链接

参数：

title

一定会被显示的通知标题

options 可选

一个被允许用来设置通知的对象。它包含以下属性：

dir : 文字的方向；它的值可以是 auto（自动）, ltr（从左到右）, or rtl（从右到左）

lang: 指定通知中所使用的语言。这个字符串必须在 BCP 47 language tag 文档中是有效的。

body: 通知中额外显示的字符串

tag: 赋予通知一个ID，以便在必要的时候对通知进行刷新、替换或移除。

icon: 一个图片的URL，将被用于显示通知的图标。

function notifyMe() {
  // 先检查浏览器是否支持
  if (!("Notification" in window)) {
    alert("This browser does not support desktop notification");
  }

  // 检查用户是否同意接受通知
  else if (Notification.permission === "granted") {
    // If it's okay let's create a notification
    var notification = new Notification("Hi there!");
  }

  // 否则我们需要向用户获取权限
  else if (Notification.permission !== 'denied') {
    Notification.requestPermission(function (permission) {
      // 如果用户同意，就可以向他们发送通知
      if (permission === "granted") {
        var notification = new Notification("Hi there!");
      }
    });
  }

  
  // 最后，如果执行到这里，说明用户已经拒绝对相关通知进行授权
  // 出于尊重，我们不应该再打扰他们了
}