我已经设置了一系列For-Loop生成的链接,这些链接应该以通知的形式显示自定义消息。
显示通知的功能在我的后台事件页面(eventPage.js)中:
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse){
if (request.todo == "notification"){
var notifOptions = {
type: 'basic',
iconUrl: 'icon48.png',
title: request.ttl,
message: request.msg
};
chrome.notifications.create('notti', notifOptions);
}
});
同时,在内容页面(content.js)上,有两个链接到此功能的条件:
第一:
if (request.todo == "full"){
chrome.runtime.sendMessage({todo: "notification", ttl: 'Title', msg: 'Test!'});
}
第一个功能起作用,并且通知显示没有任何问题(因此,权限等没有问题)。
第二个条件是不起作用的条件:
if(request.todo == "quick"){
for (let i = 0; i < wrds.length; i++) {
var entry = "#"+wrds[i];
if ($(entry).length) {
$(entry).on("click", function() {
var msg = prns[i]+'\n'+defs[i];
chrome.runtime.sendMessage({todo: "notification", ttl: 'Title', msg: msg});
alert(msg);
});
}
}}
此条件尝试在for循环中设置一系列通知。问题是,虽然警报工作完美,但通知根本不会出现。
如何显示for循环生成的通知?
for循环版本不起作用,因为通知标题必须是唯一的。
为了使通知始终显示,无论之前是否出现过,都需要使用唯一的名称进行创建。
为了解决这个问题,我决定让这个名字成为一个独特的时间戳。
for (let i = 0; i < wrds.length; i++) {
var entry = "#"+wrds[i];
if ($(entry).length) {
$(entry).on("click", function() {
var timestamp = String(new Date().getTime());
var msg = prns[i]+'\n'+defs[i];
chrome.runtime.sendMessage({todo: "notification", ttl: wrds[i], msg: msg, stamp:timestamp});
});
}
}
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse){
if (request.todo == "notification"){
var notifOptions = {
type: 'basic',
iconUrl: 'icon48.png',
title: request.ttl,
message: request.msg
};
chrome.notifications.create(request.stamp, notifOptions);
}
});