Jquery Chrome扩展中的jGrowl问题

我找了好一阵子，似乎找不到答案

我正在开发一个Chrome扩展，当特定页面打开时，它会提醒用户。我使用的是默认的javascript警报，但它不是最吸引人的UI选项。我还尝试了实验性的chrome信息栏。这些方法工作得非常好，但遗憾的是，您无法使用实验性api发布扩展

然后我找到了杰格罗。太棒了。这正是我想要的。我可以设法让jGrowl在网页上工作，但不能扩展。我认为这是jQuery没有加载到后台页面或jGrowl页面的问题。我不知道，这个Chromium文件的问题很古怪。不管怎样，这是我的代码

manifest.json

{
  "name" : "jGrowl Test",
  "version" : "1.0",
  "description" : "Makes jGrowl work.",
  "background" : {
    "page": "background.html"
  },
  "permissions": [
"tabs",
"http://*/*",
"https://*/*",
    "<all_urls>",
  ],
  "content_scripts" : [
    {
      "matches" : [
        "http://*/*",
        "https://*/*"
      ],
      "js" : ["jquery.js"],
      "run_at" : "document_idle",
      "all_frames" : false
    }
  ]
  "manifest_version": 2    
}

background.js

$(document).ready(function() 
{
   $.jGrowl("Hello world!");
});

我知道jQuery是有效的。我可以在

document.ready

部分中使用一个基本的javascript警报，它可以正常工作。我甚至可以将警报放在

jquery.jgrowl.js

文件中。仍然有效

当我将扩展文件上传到服务器或在我的计算机上运行它时，jGrowl工作。（我运行

background.html

）

我的问题是:

我做错了什么？当分机调用jGrowl时，如何让它出现？在任何一页上

---

另外，我应该在

内容脚本

部分和

后台.html

中都包含

jquery.js

，还是太过了？

您的清单上有一些语法错误，另外您似乎没有加载jGrowl或background.js。您还需要包括样式表，以使通知可见。纠正这些问题将使jGrowl正常工作

请看一看这个github存储库，它是我用jGrowl的一个工作实例作为Chrome扩展准备的：

您应该能够克隆它，然后使用克隆文件夹上的“加载解包扩展”选项开始

如果您有任何问题，请随时直接给我发电子邮件，您可以在GitHub上找到我的联系信息

$(document).ready(function() 
{
   $.jGrowl("Hello world!");
});