javascript - 无法将 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 脚本放在实际的背景脚本之前!

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

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
}

背景.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"])。