js消息通知Notification

最新推荐文章于 2025-02-19 14:58:57 发布

cmyh

最新推荐文章于 2025-02-19 14:58:57 发布

阅读量4.3k

点赞数 1

分类专栏：日常备忘录文章标签： Notification js消息通知

本文链接：https://blog.youkuaiyun.com/cmyh100/article/details/77002958

版权

日常备忘录专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个简单的桌面通知提醒实现方案，通过JavaScript代码实现自定义的通知提醒功能，包括标题、内容和图标等元素，并能响应点击事件。但需要注意的是，该方案在部分浏览器上可能存在兼容性问题。

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

想要让自己的通知消息出现在桌面？

看这里。

最近写的消息提醒，主要是某需求要用到，感觉很不错，美中不足就是浏览器兼容性并没有非常的好

自己电脑里的Google、Firefox没有问题

但是搜狗、360、欧朋等等没有作用

Edge提示在了

点击后想要直接弹出相应的页面，这里取巧用了个alert

更多大家去发掘吧

代码如下：

//参数1：title 参数2：内容参数3：Icon地址
//例：notification("我是标题","我是内容","icon.png");

function notification(title, content, iconurl) {


	Notification.requestPermission().then(function(permission) {
		if(permission == 'granted') {
			var mynotification = new Notification(title, {
				body: content,
				icon: iconurl
			});
			mynotification.onclick = function() {
				alert(content)
				mynotification.close();    
			}
		}
	});


}