javascript - 无法让简单的 Chrome 通知发挥作用

Question

我试图通过单击按钮来调出一个简单的 Chrome 通知，但由于某种原因，我收到了错误。这是 JavaScript 部分:

    $('#notification').click(function () {
        var opt = {
            TemplateType: "basic",
            title: "Just a test!",
            message: "Let's see if it works",
            iconUrl: "icon.png"
        }

        chrome.notifications.create('notify', opt, function () { });
});

HTML部分:

    <input id="notification" type="submit" value="Get Notification!" />

list :

{
"manifest_version": 2,

"name": "SimpleNotification",
"description": "Just a notification",
"version": "1.0",

"browser_action": {
    "default_icon":"icon.png",
    "default_popup":"popup.html"
},

"options_page" : "options.html",

"background": {
    "scripts" : ["eventPage.js"],
    "persistent" : false
},

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

}

当尝试运行时，我得到:

Uncaught TypeError: Cannot read property 'create' of undefined

提前致谢!

Answer 1

您在哪里调用 chrome.notifications？，这只能从扩展程序(后台)调用。您可以通过message passing来做到这一点到后台脚本。

示例:

//contentScript.js
var opt = {
    TemplateType: "basic",
    title: "Just a test!",
    message: "Let's see if it works",
    iconUrl: "icon.png"
};
chrome.runtime.sendMessage({type: "shownotification", opt: opt}, function(){});

//background.js
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if(request.type === "shownotification"){
        chrome.notifications.create('notify', request.opt, function(){})
    }
});