首先,要在manifest.json中,配置权限
"permissions": [
"tabs", "notifications"
],
然后,在 background.js中调用chrome的桌面通知API
//将data数据以桌面通知的方式显示给用户
function _showDataOnPage(data){
//显示一个桌面通知
if(window.webkitNotifications){
var notification = window.webkitNotifications.createNotification(
'images/icon.png', // icon url - can be relative
'通知的title!', // notification title
data // notification body text
);
notification.show();
// 设置3秒后,将桌面通知dismiss
setTimeout(function(){notification.cancel();}, 3000);
}else if(chrome.notifications){
var opt = {
type: 'basic',
title: '通知的title!',
message: data,
iconUrl: 'images/icon.png',
}
chrome.notifications.create('', opt, function(id){
setTimeout(function(){
chrome.notifications.clear(id, function(){});
}, 3000);
});
}else{
alert('亲,你的浏览器不支持啊!');
}
}
某些chrome版本上,没有window.webkitNotification对象,为了兼容所有chrome版本,加了一个判断,对不支持window.webkitNotification的版本,使用chrome.notifications