Chrome Extension notifications【谷歌浏览器扩展之弹窗通知】

最新推荐文章于 2023-12-08 09:50:42 发布

原创最新推荐文章于 2023-12-08 09:50:42 发布 · 5.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #extension

browser 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了如何从使用alert转向Chrome Notifications API以优化浏览器扩展的用户体验。通过配置manifest文件中的permissions，开发者可以实现更加直观和非侵入性的通知功能。

起初为方便快速使用的是 alert ，后优化时发现并使用 notifications API 来代替。

使用 chrome.notifications API 须先配置 manifest 文件中的 permissions ：

"permissions": [
	"notifications",
	"downloads",
	"storage"
]

调用示例：

chrome.notifications.getPermissionLevel(function(level){
	//获取用户是否为当前应用或应用启用通知（permissions中已配置可直接调用notifications）
	if( level == 'granted' ){
		//发出通知, type 默认为 basic
		chrome.notifications.create(
			'notify_alert1', // notifyId
			{type: "basic", iconUrl: "icon-48.png", title: "更新完成！", message: "请查看页面数据是否已更新。"}, 
			function(notifyId){
				//不用移除该消息，否者不会显示
				// chrome.notifications.clear(notifyId, function(){ });
			}
		);
	}else{
		//...
		alert('更新完成！')
	}
});