js实现网页在桌面通知

It is a secret

于 2021-07-29 14:04:42 发布

阅读量371

点赞数

文章标签： js html5 javascript chrome

本文链接：https://blog.youkuaiyun.com/zhangyuexin24/article/details/119209771

版权

这段代码展示了如何在浏览器中实现桌面通知功能。如果浏览器支持`Notification`接口，它会根据用户权限设置显示通知，并允许在通知上绑定自定义事件处理。在用户点击通知时，会关闭通知并使窗口获取焦点。

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

	function doNotify(title, options = {}, events = {}) {
      const notification = new Notification(title, options);
      for (let event in events) {
        notification[event] = events[event];
      }
    }

    function notify(title, options = {}, events = {}) {
      if (!("Notification" in window)) {
        return console.error("This browser does not support desktop notification");
      }
      else if (Notification.permission === "granted") {
        doNotify(title, options, events);
      } else if (Notification.permission !== "denied") {
        Notification.requestPermission().then(function (permission) {
          if (permission === "granted") {
            doNotify(title, options, events);
          }
        });
      }
    }


    notify("标题", {
      icon: "图片地址",
      body: "通知内容",
    }, {
      onclick(ev) {
        ev.target.close();
        window.focus();
      }
    })