无法将jQuery文件添加到Chrome扩展名

Question

我正在尝试将jQuery添加到chrome扩展程序中，

这是我的manifest.json

  {
"name": "OSpy",
"description": "",
"version": "1",
"manifest_version": 2,
 "background":{
    "scripts":["background.js"]
},

   "js": ["js/jquery-1.10.2.min.js"]


"browser_action": {
"default_title": "Object Spy"
},


"permissions":["tabs","<all_urls>"],

 "web_accessible_resources": [
   "img/bt.png"
   "js/jquery-1.10.2.min.js"
 ]

}

问题是它给了，

   Uncaught ReferenceError: $ is not defined

Answer 1

显然，您的扩展程序主要使用后台页面，而这正是您需要jQuery的地方。 在这种情况下，您只需在后台脚本列表中添加jQuery JavaScript文件：

{
  "name": "OSpy",
  "description": "",
  "version": "1",
  "manifest_version": 2,
  "background":{
    "scripts":["js/jquery-1.10.2.min.js", "background.js"]
  },
  "browser_action": {
    "default_title": "Object Spy"
  },
  "permissions":["tabs","<all_urls>"]
}

请记住在实际背景脚本之前放入JQUERY脚本！

这是一个简单的例子。 假设您有一个扩展，可以将Ajax请求从其后台页面发送到其本地html文件，并将响应打印到控制台。

manifest.json的：

{
  "name": "Local Request",
  "description": "Send Ajax request using jQuery",
  "version": "2.0",
  "background": {
    "scripts": ["js/jquery-1.10.2.min.js", "background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_title": "Send Request"
  },
  "manifest_version": 2
}

background.js：

chrome.browserAction.onClicked.addListener(function(tab) {
  $.get("ajax/test.html", function(data) {
    console.log(data);
  });
});

执行相同的步骤在内容脚本中使用jQuery。 以下是官方文档中进行此操作的示例： http : //developer.chrome.com/extensions/content_scripts.html （ "js": ["jquery.js", "myscript.js"] ）。