For-Loop通知未出现

问题描述 投票:0回答:1

我已经设置了一系列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循环生成的通知?

javascript google-chrome-extension
1个回答
0
投票

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);
    }
});
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.