调用谷歌浏览器通知

最新推荐文章于 2024-06-25 09:24:03 发布

SuperMario96

最新推荐文章于 2024-06-25 09:24:03 发布

阅读量658

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_44997513/article/details/105791396

本文深入讲解了网页通知API的使用方法，包括如何检查浏览器对通知的支持情况，请求用户权限，以及如何创建并发送通知。同时，还介绍了Notification实例可能触发的各种事件，如show、click、close和error。

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

	//判断浏览支持是否通知消息
     if (window.Notification) {
     		//判断用户是否授权
			Notification.requestPermission().then(permission => {
				console.log(permission)
			})
            Notification.requestPermission(function (status) {
			//default：用户还没有做出任何许可，因此不会弹出通知。
			//granted：用户明确同意接收通知。
			//denied：用户明确拒绝接收通知。
              if (status === "granted") {
              //const note = new Notification (title, opts)
              //它有两个参数，第一个参数是消息的标题，这个是必填的一个参数；而通过第二个选填参数，我们则可以实现更多自定义的显示内容：
                var n = new Notification("xxxxx",{
                  body:'mmmmmmmmm'
                });
              } else {
                alert("Hi!");
              }
            })
          }