Chrome.notifications.create does not work

Question

I'm creating a Chrome extension for the first time.

I've used chrome.notifications.create in it, but it does not work! This is my code:

chrome.storage.sync.get('refresh_time',function(items){
    status = $('td.c').next().html();
    if (status.trim() == 'SomeText') {
        alert('Works');
        var opt = {
            type: "basic",
            title: "Project1",
            message: "This is my first extension.",
            iconUrl: "icons/icon-128.png"
        };
        chrome.notifications.create('statusChanged', opt, function(){});
    }
})

I get the alarm after execution, but chrome notification does not work! May you tell me what is wrong in my code?

By the way, I used the code below in my manifest file.

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

If some error occurred, you should be able to find the error message on the console tab of the DevTools. Could you confirm it? — Yoichiro Tanaka, Feb 28 '16 at 00:53
Maybe the notifications are created, but suppressed by OS. Check your tray. — Dmitri Pavlutin, Feb 28 '16 at 06:34
I think this is a bug as explained here. https://stackoverflow.com/questions/55001031/chrome-web-extension-not-showing-notification-even-though-it-is-working-fine-in?rq=1 — Trupti, May 28 '20 at 18:41

score 5 · Answer 1 · answered Oct 10 '22 at 09:59

5

I think you need to make iconUrl a chrome extension path, something like this:

iconURL: chrome.runtime.getURL("icons/icon-128.png")

answered Oct 10 '22 at 09:59

tomka

53
1
3

score 3 · Answer 2 · answered Feb 28 '16 at 09:09

I think that the code is good. However, I guess that you need to confirm the iconUrl path. If the file specified by the path does not exist, the notification will not be displayed. At the time, you may see the following error message on the console tab of the DevTools:

Unchecked runtime.lastError while running notifications.create: Unable to download all specified images.

You need to specify the valid path for the iconUrl value.

score 2 · Answer 3 · answered Feb 24 '21 at 17:33

2

For me, the notifications were disabled on windows. Make sure that "Get notifications from apps and other senders" is enabled.

answered Feb 24 '21 at 17:33

Stefan

667
7
17

I'd somehow turned off specifically notifications from Chrome and nothing else, go figure. Thanks for saving me even more time scratching my head over code that was actually working as intended – Hannah S. May 16 '22 at 20:58

score 0 · Answer 4 · answered May 10 '20 at 04:40

0

Probably, you need to modify the image path as:

iconUrl: "../icons/icon-128.png"

answered May 10 '20 at 04:40

Vishal Kumar

1,290
14
15

score 0 · Answer 5 · answered Jul 31 '23 at 15:23

1. `iconUrl` path

Your iconUrl SHOULD BE RELATIVE to your manifest.json file.

2. Unique notification ID

Chrome notification should have unique ID. I'd suggest you to use like below

/* Set unique ID for each notification */
chrome.notifications.create(`notification-${Date.now()}`, {
    type: 'basic',
    iconUrl: './logo.png', // <------ this should be relative to your manifest.json file.
    title: 'This is a notification title',
    message: 'This is a notification message',
})

Chrome.notifications.create does not work

5 Answers5

1. iconUrl path

2. Unique notification ID

1. `iconUrl` path