Chrome 插件开发-桌面通知设置实战演示，设置通知显示、存在时间

挣扎的蓝藻

于 2020-08-05 15:20:10 发布

阅读量2.1k

点赞数 3

分类专栏： Web前端 chrome 文章标签： chrome开发桌面通知

本文链接：https://blog.csdn.net/qq_38161040/article/details/107785530

版权

Web前端同时被 3 个专栏收录

55 篇文章

订阅专栏

chrome

30 篇文章

订阅专栏

浏览器

14 篇文章

订阅专栏

本文介绍如何使用chrome.notifications API替代废弃的webkitNotifications.createNotification()方法，实现浏览器桌面通知功能。通过在background.js中设置通知参数，如type、title、message和iconUrl，并调用桌面通知，同时设置定时清理通知。

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

给大家先看下效果：
在这里插入图片描述
之前用的是 webkitNotifications.createNotification() 方法，现在已经不用了。
现在用的是 chrome.notifications.create() 方法。

我在 backgroud.js 里设置桌面通知显示。
创建通知时 type、title、message、iconUrl 这 4 个属性一定要有。

function desktop_notification(){
	chrome.notifications.create("id", {	
		type : 'basic',
		title : ' ',  // 这里我故意使显示这个为空，显得没那么拥挤
		message : 'Auto Recode Start · · ·',
		iconUrl : 'static/nc_16x16.png'
	});
}

// 调用桌面通知
desktop_notification();

// 通知定时2秒进行清理
setTimeout(function(e){
	// 这里的id只要和创建的时候设置id值一样就行了，就可以清理对应id的通知了
	chrome.notifications.clear("id");
}, 2000);