Chrome扩展程序丰富的通知无效

时间:2013-12-01 21:18:51

标签: javascript google-chrome google-chrome-extension

我有一个 chrome-extension ,我想使用新的富通知。我正在尝试实现以下内容:

var opt = {
            type: "basic",
            title: "New message from " + sBuffer[0] + ":",
            message: sBuffer[2],
            iconUrl: getUserIcon(sBuffer[0])
        };
        chrome.notifications.create("",opt,function(){});

但无论我做什么,我都会收到以下错误:

Uncaught TypeError: Cannot call method 'create' of undefined

我进入chrome://flags并将其中的“通知”设置为启用...我正在运行chrome 31.0.1650.57 m。

这很好用:

var notification =  webkitNotifications.createNotification(
    getUserIcon(sBuffer[0]),
    "New message from " + sBuffer[0] + ":",
    sBuffer[2]
);
notification.show();

它不漂亮,但它有效(图标很小,即使它是一个高分辨率的图像... 有什么方法可以让图像图标更大吗?

顺便说一下,我已经在我的清单中获得了通知权限。

谢谢,戴夫

编辑:包含清单

{
"manifest_version": 2,

 "name": "Notifier",
 "description": "This extension will listen the the JS on the page and popup notifications",
 "version": "0.1",

 "permissions": [
"background","notifications"
],
"content_scripts": [
{
  "matches": ["http://MY_WEB_SITE"],
  "js": ["Notifier.js"]
}
]
}

1 个答案:

答案 0 :(得分:7)

您似乎正在尝试从内容脚本访问 chrome.notifications API 。但它不适用于内容脚本,因此您需要在后台页面中创建通知。

如果您需要传递要在通知中显示的特定数据,您可以使用 Message Passing 在内容脚本和背景页面之间进行通信。
E.g:

/* In content script */
chrome.runtime.sendMessage({
    from: sBuffer[0],
    body: sBuffer[2]
});

/* In background page */
chrome.runtime.onMessage.addListener(function(msg, sender) {
    /* Verify the message's format */
    (msg.from !== undefined) || return;
    (msg.body !== undefined) || return;

    /* Create and show the notification */
    // ...your notification creation code goes here
    // (replace `sBuffer[0]`/`sBuffer[2]` with `msg.from`/`msg.body`) 
});