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

小蓝枣

发布于 2020-09-24 10:03:13

2.3K0

发布于 2020-09-24 10:03:13

文章被收录于专栏：CSDN博客专家-小蓝枣的博客CSDN博客专家-小蓝枣的博客

给大家先看下效果：

之前用的是 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);

详细属性如下：